Jquery 过滤器(first,last,not,even,odd)的使用

jQuery 的这些过滤器（`:first`, `:last`, `:not`, `:even`, `:odd`）在 jQuery 选择器中非常有用，用于进一步筛选元素集合。下面我将为你展示如何使用这些过滤器。

### `:first`

`:first` 过滤器用于选择匹配元素集合中的第一个元素。

$('li:first').css('color', 'red'); // 将列表中的第一个<li>元素的文字颜色设置为红色

### `:last`

`:last` 过滤器用于选择匹配元素集合中的最后一个元素。

$('li:last').css('color', 'blue'); // 将列表中的最后一个<li>元素的文字颜色设置为蓝色

### `:not`

`:not` 过滤器用于排除匹配元素集合中满足特定选择器的元素。

<javascript $('li:not(.active)').hide(); // 隐藏所有不包含.active类的li>元素

### `:even`

`:even` 过滤器用于选择索引为偶数的元素（注意，索引是从0开始的）。

$('li:even').addClass('even-class'); // 为所有索引为偶数的<li>元素添加'even-class'类

### `:odd`

`:odd` 过滤器用于选择索引为奇数的元素。

$('li:odd').addClass('odd-class'); // 为所有索引为奇数的<li>元素添加'odd-class'类

以上代码展示了如何使用 jQuery 的这些过滤器来选择和操作 DOM 元素。这些过滤器在处理列表、表格行或其他元素集合时特别有用，可以帮助你更精确地选择和操作页面上的元素。