jQuery九大选择器

2025-10-29 16:23:02

1、 基本

l #id :通过id属性值获取元素

l Element :通过元素名获取元素

l selector1,selector2 :获取列表中指定的所有元素

l .class :获取使用class样式的所有元素

2、 层级

l ancetor descendant :匹配祖先元素下的后代元素

l parent > child :匹配父元素下的子元素

l prev + next  :匹配上一个元素的后面的元素,必须是挨着的

l prev~siblings :匹配前一个元素的所有平辈元素,在prev元素后面才能匹配

3、 简单

l :first :匹配第一个元素

l :last :匹配最后一个元素

l :even :匹配索引为偶数的元素

l :odd  :匹配索引为奇数的元素

l :eq(index) :匹配索引为指定值的元素

l :gt(index) :匹配索引大于指定值的元素

l :lt(index) :匹配索引小于指定值的元素

l :not(selector) :匹配除了指定选择器之外的所有元素

4、 内容

l :contains(text) :匹配内容中包含指定内容的元素

l :empty  :匹配内容为空的元素

l :has(selector)  :匹配内容中包含指定选择器的元素

l :parent  :匹配内容不为空的元素

5、 可见性

l :hidden :匹配隐藏的元素

l :visible :匹配显示的元素

 

6、 属性

l [attribute] :匹配具有指定属性的元素

l [attribute=value] :匹配属性等于指定值的元素

l [attribute!=value] :匹配属性不等于指定值的元素

l [attribute^=value] :匹配属性值以指定值开始的元素

l [attribute$=value] :匹配属性值以指定值结束的元素

l [attribute*=value] :匹配属性值中包含指定值的元素

l [selector1][selector2][selectorN]  :同时满足所有条件,则匹配

 

7、 子元素

l :nth-child(index/even/odd) :匹配指定索引的元素 从1算起

l :first-child :匹配第一个子元素

l :last-child :匹配最后一个子元素

l :only-child :如果子元素是父元素的唯一子元素,则匹配

 

8、 表单

l :input :匹配所有表单元素

$(“:input”) :匹配所有表单元素  select、textarea

$(‘input’) :匹配input标签

l :text  :文本框

l :password :密码框

l :radio  :单选按钮

l :checkbox :复选框

l :submit :提交按钮

l :reset  :重置按钮

l :image :图像按钮

l :button :按钮

l :file  :文件框

l :hidden :隐藏域

 

9、 表单对象属性

l :enabled :匹配状态可用的表单元素

l :disabled :匹配状态不可用的表单元素

l :checked :匹配被选中的元素 匹配单选或复选

l :selected :匹配被选中的元素 匹配的是option

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢