Javascript--06jQuery选择器_jquery中过滤选择器附加在所有选择器的后面,通过特定的过滤规则来筛选出一部

在jQuery中，我们可以使用过滤选择器来筛选出特定的元素。这些过滤选择器都是以冒号":"开头的。

以下是一些常用的jQuery过滤选择器：

1. :first 选择器

   选择第一个元素。

$("p:first")

2. :last 选择器

   选择最后一个元素。

$("p:last")

3. :eq(index) 选择器

   选择特定索引的元素。

$("p:eq(1)")

4. :even 选择器

   选择索引是偶数的元素。

$("p:even")

5. :odd 选择器

   选择索引是奇数的元素。

$("p:odd")

6. :gt(index) 选择器

   选择索引大于指定值的元素。

$("p:gt(1)")

7. :lt(index) 选择器

   选择索引小于指定值的元素。

$("p:lt(1)")

8. :header 选择器

   选择所有的标题元素，如 h1, h2, h3 等。

$(":header")

9. :animated 选择器

   选择所有正在执行动画的元素。

$(":animated")

10. :focus 选择器

    选择当前获取焦点的元素。

$(":focus")

11. :root 选择器

    选择文档的根元素。

$(":root")

12. :contains(text) 选择器

    选择包含指定文本的元素。

$("p:contains('Hello')")

13. :has(selector) 选择器

    选择包含特定子元素的元素。

$("p:has(span)")

14. :not(selector) 选择器

    选择不匹配指定选择器的元素。

$("p:not(.myClass)")

15. :empty 选择器

    选择没有子元素（包括文本）的元素。

$("p:empty")

16. :parent 选择器

    选择包含子元素（包括文本）的元素。

$("p:parent")

17. [attribute] 选择器

    选择包含特定属性的元素。

$("p[name]")

18. [attribute=value] 选择器

    选择属性值完全等于指定值的元素。

$("p[name='John Doe']")

19. [attribute!=value] 选择器

    选择属性值不等于指定值的元素。

$("p[name!='John Doe']")

20. [attribute^=value] 选择器

    选择属性值以指定值开头的元素。

$("p[name^='John']")

21. [attribute$=value] 选择器

    选择属性值以指定值结尾的元素。

$("p[name$='Doe']")

22. [attribute*=value] 选择器

    选择属性值包含指定值的元素。

$("p[name*='John Doe']")

23. [attributeFilter1][attributeFilter2][attributeFilterN] 选择器

    可以将多个属性过滤器组合在一起。

$("p[name][id]")