本文共 1116 字，大约阅读时间需要 3 分钟。

jQuery选择器

1.1 元素选择器

通过元素的id、类名等属性进行选择，常见语法包括$(“#idName”)、$(“.className”)、$(“p”)等。通过合理运用这些基本选择器，可以准确定位到页面中指定位置的元素。

1.2 元素属性选择器

基于元素的属性值进行选择，比如可以通过$(“[href]”)选择所有拥有href属性的元素，或者通过$(“[href=’#’]”)选择属性值为”#”的元素。这种方式非常有用，能够快速筛选出符合特定属性条件的元素。

1.3 元素定位（基本过滤器）选择器

这种方法通常与上述选择器结合使用。例如，如果需要选择页面中第三个p元素，可以先使用元素选择器筛选出所有p元素，然后利用基本过滤器进行定位。语法示例为$(“p:eq(2)”)，这样可以更精确地定位目标元素。

1.4 内容过滤器选择器

根据元素的文字内容进行筛选。例如可以通过$(“div:contains(‘文字内容’））选择包含特定文本的div元素。这种方法特别有用，当知道目标元素的文字内容时，可以快速定位到目标元素。

1.5 可见性过滤器选择器

根据元素的可见性状态进行筛选。$(“div:visible”)可以选择所有可见的div元素，而$(“div:hidden”)则选择所有不可见的div元素。这种选择器有助于在复杂页面中快速定位可见或隐藏的元素。

1.6 表单选择器

1.6.1 表单类型选择器根据表单中input元素的类型进行筛选，例如可以使用$(“input:text”)选择所有输入类型为text的元素，或者$(“input:radio”)选择所有_radio_类型的元素。这对于处理表单元素的处理任务非常有用。

1.6.2 表单状态（过滤器）选择器

通过表单元素的状态（比如是否填充、是否被激活等）来进行筛选。例如，可以使用$(“input:filled”)选择所有已填充的input元素，但需要注意不同浏览器对此过滤器的支持程度。

2. jQuery遍历相关

2.1 层级选择器

通过层级关系选择元素。
• >（大于号）：选择直接.children的元素。例如，$(“div > p”)选择div的直接子元素p。
• +（加号）：选择当前元素的兄弟元素。例如，$(“div + p”)选择div的同层第一个邻近的p元素。
• ~（波浪线）：选择当前元素的所有兄弟元素。例如，$(“div ~ p”)选择div的所有同层p元素。

2.2 子元素过滤器选择器

对子元素进行筛选。这种方法与基本过滤器选择器类似，可以用于在已经选中的父元素中筛选出符合条件的子元素。例如，$(“div p:eq(2)”)选择div的第3个p元素。