jQuery 遍历- 过滤

在jQuery中，我们可以使用各种方法来过滤和操作DOM元素。以下是一些常见的过滤方法：

1. :first 和 :last 选择器

这两个选择器用于选择第一个或最后一个元素。

$('div:first').css('color', 'red'); // 选取所有div中的第一个
$('div:last').css('color', 'red'); // 选取所有div中的最后一个

2. :eq(index) 选择器

这个选择器用于选择特定索引的元素。索引从0开始。

$('div:eq(1)').css('color', 'red'); // 选取所有div中的第二个（索引为1）

3. :even 和 :odd 选择器

这两个选择器用于选择索引为偶数或奇数的元素。

$('div:even').css('color', 'red'); // 选取所有div中索引为偶数的元素
$('div:odd').css('color', 'red'); // 选取所有div中索引为奇数的元素

4. :gt(index) 和 :lt(index) 选择器

这两个选择器用于选择大于或小于特定索引的元素。

$('div:gt(1)').css('color', 'red'); // 选取所有div中索引大于1的元素
$('div:lt(1)').css('color', 'red'); // 选取所有div中索引小于1的元素

5. :not(selector) 选择器

这个选择器用于排除某些选择器的元素。

$('div:not(.class)').css('color', 'red'); // 选取所有不含class="class"的div元素

6. :header 选择器

这个选择器用于选择所有的标题元素，如h1, h2, h3等。

$(':header').css('color', 'red'); // 选取所有标题元素

7. :animated 选择器

这个选择器用于选择所有正在执行动画的元素。

$(':animated').css('color', 'red'); // 选取所有正在执行动画的元素

8. :focus 选择器

这个选择器用于选择当前获取焦点的元素。

$(':focus').css('color', 'red'); // 选取当前获取焦点的元素

9. :contains(text) 选择器

这个选择器用于选择包含特定文本的元素。

$('div:contains("test")').css('color', 'red'); // 选取所有div中包含"test"文本的元素

10. :has(selector) 选择器

这个选择器用于选择包含特定选择器的元素。

$('div:has(.class)').css('color', 'red'); // 选取所有含有class="class"的子元素的div元素

11. :parent 选择器

这个选择器用于选择含有子元素或文本的元素。

$('div:parent').css('color', 'red'); // 选取所有含有子元素或文本的div元素

12. :empty 选择器

这个选择器用于选择不包含子元素或文本的元素。

$('div:empty').css('color', 'red'); // 选取所有不含有子元素或文本的div元素

这些方法可