jquery选择器总结

选择器

基本

#id //id选择器
element //元素选择器
.class //类选择器

  • //通配符选择器
    selector1, selector2, selectorN //多个选择器连写

层级

ancester descentant //后代选择器
parent > child //子代选择器
prev + next //匹配紧接在prev元素后面的next元素
prev ~ siblings //匹配prev元素后面的所有siblings元素

##基本筛选器
:first //获取第一个元素
:not(selector) //去除所有与给定的selector匹配的元素
:even //匹配所有索引值为偶数的元素,从0计数
:odd //匹配所有索引值为奇数的元素,从0计数
:eq(index) //匹配一个给定索引值的元素,从0计数
:gt(index ) //匹配所有大于给定索引值的元素,从0计数
:lt(index) //匹配所有给定索引值的元素,从0计数
:last //获取最后个元素
:header //匹配所有的标题元素,如h1,h2,
:focus //匹配当前获取焦点的元素

##内容
:contains(text) //匹配包含给定文本的元素
:empty //匹配所有不包含子元素或文本的空元素
:has(selector) //匹配含有选择器selector的元素
:parent //匹配所有含有子元素或文本的元素

##可见性
:hidden //匹配所有不可见元素,或type为hidden的元素
:visible // 匹配所有可见元素

##属性
[attribute] //匹配包含给定属性的元素
[attribute=“value”] //匹配给定的属性是某个特定值的元素
[attribute!=“value”] //匹配所有不含指定的属性,或者属性不等于特定值的元素
[attribute^=“value”] //匹配给定的属性是以某些值开始的元素
[attribute$=“value”] //匹配给定的属性值是以某些值结尾的元素
[attribute*=“value”] //匹配给定的属性是以包含某些值的元素
[attrSel1][attrSel2][attrSel3] //复合属性选择器,同时满足多个条件

子元素

:first-child //匹配所给选择器的第一个子元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值