jQuery学习笔记(三)--jQuery选择器2

4)内容过滤选择器

内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位,其详细说明如下表所示:

内容过滤选择器语法
选择器功能返回值
:contains(text)获取包含给定文本的元素元素集合
:empty获取所有不包含子元素或者文本的空元素元素集合
:has(selector)获取含有选择器所匹配的元素的元素元素集合
:parent获取含有子元素或文本的元素元素集合

5)可见性过滤选择器

可见性过滤选择器根据元素是否课件的特征获取元素,其详细说明如表所示。

可见性过滤选择器语法
选择器功能返回值
:hidden获取所有不可见元素,或者type为hidden的元素元素集合
:visible获取所有的可见的元素元素集合

6)属性过滤选择器

属性过滤选择器根据元素的某个属性获取元素,如ID号或者匹配属性值的内容,并以"["号开始、以"]"号结束。其详细说明如表所示。

属性过滤选择器语法
选择器功能 
[attribute]获取包含给定属性的元素元素集合
[attribute = value]获取等于给定的属性是某个特定值的元素元素集合
[attribute != value]获取不等于给定的属性是某个特定值的元素元素集合
[attribute ^= value]获取给定的属性是以某些值开始的元素元素集合
[attribute $= value]获取给定的属性是以某些值结尾的元素元素集合
[attribute *= value]获取给定的属性是以包含某些值的元素元素集合
[selector1][selector2][selectorN]获取满足多个条件的复合属性的元素元素集合

7)子元素过滤选择器

在页面开发过程中,常常遇到突出指定某行的需求。虽然使用基本过滤选择器:eq(index)可实现单个表格的显示,但不能满足大量数据和多个表格的选择需求。为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素。其详细说明如下所示:

子元素过滤选择器语法
选择器功能返回值
:nth-child(eq|even|odd|index)获取每个父元素下的特定位置元素,索引号从1开始元素集合
:first-child获取每个父元素下的第一个子元素元素集合
:last-child获取每个父元素下的最后一个子元素元素集合
:only-child获取每个父元素下的仅有一个子元素元素集合





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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值