1. :first 选择器:
- :first 选择器用于选择匹配元素集合中的第一个元素。
// 选择第一个段落元素
$("p:first").css("color", "red");
2. :last 选择器:
- :last 选择器用于选择匹配元素集合中的最后一个元素。
// 选择最后一个段落元素
$("p:last").css("color", "blue");
3. :even 和 :odd 选择器:
- :even 选择器用于选择匹配元素集合中的偶数位置的元素,而 :odd 选择器用于选择奇数位置的元素。
// 选择所有偶数位置的段落元素
$("p:even").css("background-color", "lightgray");
// 选择所有奇数位置的段落元素
$("p:odd").css("background-color", "lightblue");
4. :eq() 选择器:
- :eq() 选择器用于选择匹配元素集合中指定索引位置的元素(从 0 开始计数)。
// 选择第三个段落元素
$("p:eq(2)").css("font-weight", "bold");
5. :not() 选择器:
- :not() 选择器用于选择匹配元素集合中不符合指定条件的元素。
// 选择不含有 class 为 "exclude" 的段落元素
$("p:not(.exclude)").css("border", "1px solid green");
6. :has() 选择器:
- :has() 选择器用于选择包含指定选择器的元素的元素。
// 选择包含有子元素 div 的父元素
$("div:has(p)").css("background-color", "yellow");
这些过滤方法允许你根据不同的条件来筛选匹配的元素,从而更精准地选择需要的元素。你可以根据具体的需求选择适当的方法。这些方法也可以组合使用,形成更复杂的选择和操作逻辑。记得在使用这些方法时确保已经包含了 jQuery 库。
转载请注明出处:http://www.zyzy.cn/article/detail/4629/jQuery