jQuery选择器

通过本人全面的查找资料和我个人笔记,下面为大家总结了基本比较完整的jQuery选择器

1、基本

*选取所有元素

#id根据给定的 ID 匹配一个元素

.class根据给定的类匹配元素

Element根据给定的元素名匹配所有元素

2、层级

selector1,…… ,selectorN将每一个选择器匹配到的元素合并后一起返回

ancestor descendant在给定的元素 ancestor 下匹配所有的后代元素

parent >child在给定的元素 parent 下匹配所有的子元素

prev + next匹配所有紧接在 prev 元素后的相邻元素

prev ~ sibling匹配 prev 元素之后的所有兄弟元素

3、筛选

:first获取第一个元素

:not()去除所有与给定选择器匹配的元素 1. $("p:not(.intro)") 选取除了.intro 元以外的所有 p 元素

:even匹配所有索引值为偶数的元素,从 0 开始计

:odd匹配所有索引值为奇数的元素,从 0 开始计数

:eq() 匹配一个给定索引值的元素

:gt() 匹配所有大于给定索引值的元素

:lt() 匹配所有小于给定索引值的元素

:lang:选择指定语言的所有元素。

:last 获取最后一个元素

:header 匹配如 h1, h2, h3 之类的标题元素

:animated 匹配所有正在执行动画效果的元素

:focus:匹配当前获取焦点的元素。

:root:选择该文档的根元素 永远是 <html> 元素

:target:选择由文档 URI 的格式化识别码表示的目标元素。

4、内容

:contains() 匹配包含给定文本的元素

:empty 匹配所有不包含子元素或者文本的空元素

:has() 匹配含有选择器所匹配的元素的元素

:parent 匹配含有子元素或者文本的元素

5、可见性

:hidden 匹配所有不可见元素,或者 type 为 hidden的元素

:visible 匹配所有的可见元素

6、属性

[attribute] 匹配包含给定属性的元素

[attribute=value] 匹配给定的属性是某个特定值的元素

[attribute!=value] 匹配所有不含有指定的属性,或者属性不等于特定值的元素。

[attribute^=value] 匹配给定的属性是以某些值开始的元素

[attribute$=value] 匹配给定的属性是以某些值结尾的元素

[attribute*=value] 匹配给定的属性是以包含某些值的元素

[attrSel1][attrSel2][attrSelN] 复合属性选择器,需要同时满足多个条件时使用。

7、子元素

:firstchild 匹配第一个子元素

:lastchild 匹配最后一个子元素

:firstoftype选择所有相同的元素名称的第一个兄弟元素。

:lastoftype选择的所有元素之间具有相同元素名称的最后一个兄弟元素。

:nthchild()匹配某个元素,该元素必须是某个父元素下的第 n 个子元素。序号从1开始

:nthlastchild()选中某个元素,该元素必须是某个父元素下的倒数第 n 个子元素。序号从 1 开始

:nthoftype()选中某个元素,该元素必须是某个父元素下的指定类型第 n 个子元素。序号从 1 开始

:nthlastoftype()选中某个元素,该元素必须是某个父元素下的指定类型倒数第 n 个子元素。序号从1开

:onlychild 如果某个元素是父元素中唯一的子元素,那将会被匹配

:onlyoftype选择所有没有兄弟元素和自己相同类型的元素

8、表单

:input 匹配所有 input, textarea, select和button 元素

:text 匹配所有的单行文本框

:password 匹配所有密码框

:radio 匹配所有单选按钮

:checkbox 匹配所有复选框

:submit 匹配所有提交按钮

:image 匹配所有图像域

:reset 匹配所有重置按钮

:button 匹配所有按钮

:file 匹配所有文件域

9、表单属性

:enabled 匹配所有可用元素

:disabled 匹配所有禁用元素

:checked 匹配具有 checked 属 性 的 radio和checkbox,和有 selected 属性的 option标签

:selected 只匹配有 selected 属性的 option 标签

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

书199

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值