jquery 中的选择器

什么时选择器

jQuery选择器继承了CSS与Path语言的语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理。

 

基本选择器

选择器

功能

返回值

#id

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

单个元素

element

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

元素集合

 

.class

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

元素集合

*

匹配所有元素

元素集合

selector1,selectorN

将每一个元素匹配到元素合并后地起返回

元素集合

层次选择器

层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中某类关系可以主便快捷地定位元素。

选择器

功能

返回值

ancestor descendant

根据祖先元素匹配所有后代元素

元素集合

parent>child

根据父元素匹配所有子元素

元素集合

prev+next

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

元素集合

prev~siblings

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

元素集合

siblings()方法与选择器 prev~siblings区别在于,前者获取全部相邻元素,不分前后,而后者仅获取标记后面全部相邻元素,不能获取前面部分。

过滤选择器

简单过滤选择器

选择

功能

返回值

first()或:first

获取第一个元素

单个元素

last()或:last

获取最后一个元素

单个元素

:not(selector)

获取除给定选择器外的所有元素

元素集合

:even

获取所有索引值为偶数的元素,索引从0开始

元素集合

:odd

获取所有索引值为奇数的元素,索引号从0开始

元素集合

:eq(index)

获取指定索引值的元素,索引号从0开始

单个元素

:gt(index)

所有大于给定索引值的元素,索引号从0开始,

单个元素

:lt(index)

获取所有小于给定索引值的元素,索引号从0开始

元素集合

:header

获取所有标题类型的元素,如h1,h2

元素集合

:animated

获取正在执行动画效果的元素

元素集合

   

内容过滤选择器

选择器

功能

返回值

:contains(text)

获取包含给定文本的元素

元素集合

:empty

获取所有不包含子元素或者文本的空元素

元素集合

:has(selector)

获取含有选择器所匹配的元素的元素

元素集合

:parent

获取含有子元素或者文本的元素

元素集合

可见性过滤选择器

选择器

功能

返回值

:hidden

获取所有不可见元素,或者type为Hidden元素

元素集合

:visible

获取所有可见元素

元素集合

属性过滤选择器

选择器

功能

返回值

[attribute]

获取包含给定属性的元素

元素集合

[attribute=value]

获取等于给定的属性是某个特定值的元素

元素集合

[atrribute!=value]

获取不等于给定的属性是某个特定值的元素

元素集合

[atrribute!=value]

获取给定的属性是以某些值开始的元素

元素集合

[attribute$=value]

获取给定的属性是以某些值结尾的元素

元素集合

[attribute*=value]

获取给定的属性是以包含某些值的元素

元素集合

[selector1][selector2][selectorN]

获取满足多个条件的复合属性的元素

元素集合

子元素过滤选择器

选择器

功能

返回值

:nth-child(eq|even|odd|index)

获取每个元素下的特定位置元素,索引号从1开始

元素集合

:first-child

获取每个父元素下的第一个子元素

元素集合

:last-child

获取每个父元素下的最后一个子元素

元素集合

:only-child

获取每个父元素下的仅有一个子元素

元素集合

表单对象对象属性过滤 选择器

选择器

功能

返回值

:enabled

获取表单中所有属性为可用的元素

元素集合

:disabled

获取表单中所有属性为不可用的元素

元素集合

:checked

获取表单中所有被选中的元素

元素集合

:selected

获取表单中所有被选中option的元素

元素集合

   

 

表单选择器

选择器

功能

返回值

:input

获取所有input、textarea、select

元素集合

:text

获取所有单行文本框

元素集合

:password

获取所有密码框

元素集合

:radio

获取所有单选按钮

元素集合

:checkbox

获取所有复选框

元素集合

:submit

获取所有提交按钮

元素集合

:image

获取所有图像域

元素集合

:reset

获取所有重置按钮

元素集合

:button

获取所有按钮

元素集合

:file

获取所有文件域

元素集合

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小蚂蚁_CrkRes

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

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

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

打赏作者

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

抵扣说明:

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

余额充值