jQuery选择器分类

本文详细介绍了jQuery的各种选择器,包括基本选择器、层次选择器、过滤选择器和表单选择器。基本选择器涉及*、#、.和标签名;层次选择器涵盖子孙、子类、相邻和后续同辈元素;过滤选择器如:first、:last、:eq()等,以及内容、可见性和属性过滤;表单选择器如:input、:text等。这些选择器在DOM操作和页面交互中起到关键作用。
摘要由CSDN通过智能技术生成

jQuery选择器:
1.基本选择器

* 所有元素
# id选择器
. class选择器
标签名 元素选择权
, ,  交集(组合)选择器

2.层次选择器

 (空格) 子孙元素选择器
 > 子类元素选择器
 + 紧挨着的后一个同辈元素
 ~ 后面所有的同辈元素

3.过滤选择器

:first 第一个子元素
:last 最后一个子元素
:even 偶数编号的子元素选择器
:odd 奇数编号的子元素选择器
:eq(idx) 等于该下标的元素选择器
:gt(idx) 大于idx下标的元素选择器
:lt(idx)小于idx下标的元素选择器
:not(基本选择器) 排除该选择器的元素选择器

3.2内容过滤选择器

:contains(str) 包含str文本的元素
:empty 不含子元素或者文本的空元素
:has(选择器) 含有选择器元素作为子元素的元素
 $("div:has(p,span,li)"):含有span或p或li元素
:parent 含有子元素或文本的元素

3.3可见性过滤选择器

:hidden 匹配不可见元素 
:visible  匹配可见元素

3.4属性过滤选择器

[id] 有id属性的元素
[id = '123'] id为123的元素
[id != '123'] id不为123的元素
[id ^= '123'] id以123开头的元素
[id $= '123'] id以123结尾的元素
[id *= '123'] id包含123的元素

3.5状态过滤选择器

:enabled 匹配可用的元素
:disabled 匹配不可用的元素
:checked 匹配选中的input
:selected 匹配选中的option

4.表单选择器

:input 匹配input、textarea、selector和button
:text 等价于[type="text"]
:password 等价于[type="password"]
:radio 等价于[type="radio"]
:checkbox 等价于[type="checkbox"]
:submit 等价于[type="submit"]
:reset 等价于[type="reset"]
:button 等价于[type="button"]
:file 等价于[type="file"]
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值