1、元素选择器
元素选择器是最基本的选择器,用于选取HTML文档中的特定元素,可以使用$("p")选取所有的<p>元素。
2、ID选择器
ID选择器用于选取具有特定ID的元素,ID在整个HTML文档中是唯一的,可以使用$("myId")选取ID为myId的元素。
3、类选择器
类选择器用于选取具有特定类名的元素,类名可以应用于多个元素,但每个元素的类名必须是唯一的,可以使用$(".myClass")选取类名为myClass的所有元素。
4、属性选择器
属性选择器用于选取具有特定属性或属性值的元素,可以使用$("[href]")选取所有具有href属性的元素。
5、子元素选择器
子元素选择器用于选取某个元素的直接子元素,可以使用$("parent > p")选取ID为parent的元素的所有直接<p>子元素。
6、后代选择器
后代选择器用于选取某个元素的后代元素,可以使用$("parent p")选取ID为parent的元素的所有后代<p>元素。
7、相邻兄弟选择器
相邻兄弟选择器用于选取紧接在另一个元素后的元素,可以使用$("prev + p")选取紧接在ID为prev的元素后的<p>元素。
8、一般兄弟选择器
一般兄弟选择器用于选取同一个父元素下的兄弟元素,可以使用$("prev ~ p")选取ID为prev的元素之后的所有兄弟<p>元素。
9、过滤选择器
过滤选择器用于根据特定的条件筛选元素,可以使用$("div:even")选取所有索引为偶数的<div>元素。
10、内容选择器
内容选择器用于选取包含特定文本的元素,可以使用$("p:contains('hello')")选取包含文本“hello”的所有<p>元素。
11、可见性选择器
可见性选择器用于选取可见或隐藏的元素,可以使用$("element:visible")选取当前可见的ID为element的元素。
12、表单选择器
表单选择器用于选取表单元素或表单内的特定元素,可以使用$("input[type='text']")选取所有类型为“text”的输入框元素。
13、属性过滤器选择器
属性过滤器选择器用于根据属性的值进行筛选,可以使用$("a[target!='_blank']")选取所有目标不为“_blank”的链接元素。
14、子串匹配选择器
子串匹配选择器用于选取包含特定子字符串的元素,可以使用$("a[href*='example']")选取所有包含“example”子字符串的链接元素。
15、开始和结束选择器
开始和结束选择器用于选取以特定文本开头或结尾的元素,可以使用$("p[class^='my']")选取所有类名以“my”开头的段落元素。
16、多选框选择器
多选框选择器用于选取被选中的复选框或单选框元素,可以使用$("input[type='checkbox']:checked")选取所有被选中的复选框元素。
17、表单提交状态选择器
表单提交状态选择器用于选取已提交或未提交的表单元素,可以使用$("form:submitted")选取已提交的表单元素。
18、动态内容选择器
动态内容选择器用于选取通过ajax加载的内容,可以使用$(":ajaxComplete")选取所有已完成ajax请求的元素。
19、自定义选择器插件
jQuery还支持自定义选择器插件,可以根据需要扩展更多的选择器功能,要使用自定义选择器插件,第一需要引入相应的插件文件,然后在代码中使用插件提供的选择器方法。