jQuery选择器用于选取页面上的DOM元素,它们可以分为以下几种类型:
基本选择器
`id`:选取ID为指定值的元素。
`.class`:选取具有指定类的元素。
`element`:选取指定标签名的元素。
`*`:选取所有元素。
层次选择器
`parent > child`:选取直接子元素。
`prev + next`:选取紧接在另一个元素后的元素。
`prev ~ siblings`:选取同辈元素中所有位于指定元素后的元素。
基本过滤选择器
`:first`:选取第一个元素。
`:last`:选取最后一个元素。
`:even`:选取偶数索引的元素。
`:odd`:选取奇数索引的元素。
`:eq(index)`:选取指定索引的元素。
`:gt(index)`:选取索引大于指定值的元素。
`:lt(index)`:选取索引小于指定值的元素。
`:not(selector)`:选取不符合指定选择器的元素。
内容过滤选择器
`:contains(text)`:选取包含指定文本的元素。
`:empty`:选取没有子节点的元素。
`:has(selector)`:选取包含指定选择器的元素。
`:parent`:选取有指定选择器的父元素。
可见性过滤选择器
`:hidden`:选取不可见元素。
`:visible`:选取可见元素。
属性过滤选择器
`[attribute]`:选取具有指定属性的元素。
`[attribute=value]`:选取具有指定属性值和属性名称的元素。
`[attribute!=value]`:选取属性值不等于指定值的元素。
表单选择器
`:input`:选取所有``元素。
`:text`:选取所有``元素。
`:password`:选取所有``元素。
`:radio`:选取所有``元素。
`:checkbox`:选取所有``元素。
`:submit`:选取所有``元素。
表单过滤器选择器
`:enabled`:选取所有启用的表单元素。
`:disabled`:选取所有禁用的表单元素。
`:checked`:选取所有选中的表单元素。
`:selected`:选取所有选中的表单选项。
这些选择器可以单独使用,也可以组合使用,以便更精确地选取页面上的元素。使用`$()`函数可以调用选择器,例如`$('div.myClass')`将选取所有``元素中`class`属性为`myClass`的元素