带你学习Jquery(四):过滤选择器
2011-08-26 20:52
246 查看
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOm元素,过滤规则与CSS中的伪类选择器语法相同,即选择器都以一个冒号(:)开头。按照不同的过滤规则,过滤选择器可以分为基本过滤器、内容过滤器、可见性过滤器、属性过滤器、子元素过滤和表单对象属性过滤选择器。
基本过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314358597opgJ.gif)
内容过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314359704eZ4s.gif)
可见性过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314360080QjtC.gif)
属性过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314360638FLLG.gif)
子元素过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314361204rcFM.gif)
:nth-child()选择器是很常用的子元素过滤选择器,详细功能介绍如下
(1):nth-child(even)能选取每个父元素下的索引值是偶数的元素
(2):nth-child(odd)能选取每个父元素下的索引值是奇数的元素
(3):nth-child(3n+1)能选取每个父元素下的索引值是3n+1的元素
(4):nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素
(5):nth-child(2)能选取每个父元素下的索引值是2的元素
表单对象选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314362179p4pj.gif)
表单对象属性选择器
基本过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314358597opgJ.gif)
内容过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314359704eZ4s.gif)
可见性过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314360080QjtC.gif)
属性过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314360638FLLG.gif)
子元素过滤选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314361204rcFM.gif)
:nth-child()选择器是很常用的子元素过滤选择器,详细功能介绍如下
(1):nth-child(even)能选取每个父元素下的索引值是偶数的元素
(2):nth-child(odd)能选取每个父元素下的索引值是奇数的元素
(3):nth-child(3n+1)能选取每个父元素下的索引值是3n+1的元素
(4):nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素
(5):nth-child(2)能选取每个父元素下的索引值是2的元素
表单对象选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314362179p4pj.gif)
表单对象属性选择器
![](http://hi.csdn.net/attachment/201108/26/0_1314362527OVfo.gif)
相关文章推荐
- jQuery之过滤选择器学习笔记
- [JQuery]学习——过滤选择器
- jQuery学习笔记之可见性过滤选择器
- jQuery的内容过滤选择器学习教程
- jquery学习之 过滤选择器
- 前端学习笔记-jquery-11-(过滤选择器)过滤器:可见性过滤器
- jQuery学习10---属性过滤选择器,表单选择器,遍历复选框
- jQuery学习四-过滤选择器
- 【5】jQuery学习——入门jQuery选择器之过滤选择器-基本过滤选择器
- JQuery学习四(过滤选择器)
- JavaScript学习笔记8-jQuery基本过滤选择器深度解析
- jQuery学习笔记(一)——基础选择器、过滤选择器、表单选择器
- jquery学习第三番 四种选择器(其中过滤选择器详细重点)
- 【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器
- jQuery学习之内容过滤选择器、表单域选中选择器
- 【8】jQuery学习——入门jQuery选择器之过滤选择器-子元素过滤选择器
- 一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 && 子元素过滤选择器 && 表单过滤选择器
- 前端学习笔记-jquery-12-(过滤选择器)过滤器:子元素过滤器
- 【6】jQuery学习——入门jQuery选择器之过滤选择器-内容过滤选择器
- JavaScript学习笔记8-jQuery内容过滤选择器、可见性过滤选择器深度解析