jQuery学习笔记(三)--jQuery选择器2
2014-07-02 23:12
211 查看
4)内容过滤选择器
内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位,其详细说明如下表所示:
内容过滤选择器语法
5)可见性过滤选择器
可见性过滤选择器根据元素是否课件的特征获取元素,其详细说明如表所示。
可见性过滤选择器语法
6)属性过滤选择器
属性过滤选择器根据元素的某个属性获取元素,如ID号或者匹配属性值的内容,并以"["号开始、以"]"号结束。其详细说明如表所示。
属性过滤选择器语法
7)子元素过滤选择器
在页面开发过程中,常常遇到突出指定某行的需求。虽然使用基本过滤选择器:eq(index)可实现单个表格的显示,但不能满足大量数据和多个表格的选择需求。为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素。其详细说明如下所示:
子元素过滤选择器语法
内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位,其详细说明如下表所示:
选择器 | 功能 | 返回值 |
:contains(text) | 获取包含给定文本的元素 | 元素集合 |
:empty | 获取所有不包含子元素或者文本的空元素 | 元素集合 |
:has(selector) | 获取含有选择器所匹配的元素的元素 | 元素集合 |
:parent | 获取含有子元素或文本的元素 | 元素集合 |
可见性过滤选择器根据元素是否课件的特征获取元素,其详细说明如表所示。
选择器 | 功能 | 返回值 |
:hidden | 获取所有不可见元素,或者type为hidden的元素 | 元素集合 |
:visible | 获取所有的可见的元素 | 元素集合 |
属性过滤选择器根据元素的某个属性获取元素,如ID号或者匹配属性值的内容,并以"["号开始、以"]"号结束。其详细说明如表所示。
选择器 | 功能 | |
[attribute] | 获取包含给定属性的元素 | 元素集合 |
[attribute = value] | 获取等于给定的属性是某个特定值的元素 | 元素集合 |
[attribute != value] | 获取不等于给定的属性是某个特定值的元素 | 元素集合 |
[attribute ^= value] | 获取给定的属性是以某些值开始的元素 | 元素集合 |
[attribute $= value] | 获取给定的属性是以某些值结尾的元素 | 元素集合 |
[attribute *= value] | 获取给定的属性是以包含某些值的元素 | 元素集合 |
[selector1][selector2][selectorN] | 获取满足多个条件的复合属性的元素 | 元素集合 |
在页面开发过程中,常常遇到突出指定某行的需求。虽然使用基本过滤选择器:eq(index)可实现单个表格的显示,但不能满足大量数据和多个表格的选择需求。为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素。其详细说明如下所示:
选择器 | 功能 | 返回值 |
:nth-child(eq|even|odd|index) | 获取每个父元素下的特定位置元素,索引号从1开始 | 元素集合 |
:first-child | 获取每个父元素下的第一个子元素 | 元素集合 |
:last-child | 获取每个父元素下的最后一个子元素 | 元素集合 |
:only-child | 获取每个父元素下的仅有一个子元素 | 元素集合 |
相关文章推荐
- jQuery学习笔记(二)之jQuery选择器
- jQuery学习笔记(二)--jQuery选择器
- JQuery学习笔记之JQuery选择器
- Jquery 选择器大全
- jQuery之属性过滤选择器
- jQuery日期选择器插件date-input
- 关于JQuery的选择器
- Jquery升级新版本后选择器的语法问题
- JQuery 的选择器可谓之强大无比
- jquery选择器
- jQuery基础-选择器
- jQuery入门[2]-选择器[转]
- jquery表单选择器input、:text、:password、:radio、:checkbox、:submit、:reset、:image、:button、:file、:hidden
- Jquery 选择器
- jquery选择器全解
- jQuery的选择器中的通配符
- jQuery选择器——基本选择器
- jQuery之基础选择器
- jQuery选择器上
- jQuery表单对象属性过滤选择器