前言

　　上一篇文章(详解强大的jQuery选择器之基本选择器、层次选择器)介绍了jQuery四类选择器中的基本选择器、层次选择器，本文将介绍剩下的两种选择器：过滤选择器、表单选择器。

　　本文仍使用上一篇文章中的示例页面。

一、过滤选择器

　　过滤选择器主要是通过特定的过滤规则来筛选出所需要的DOM元素，过滤规则与CSS中的伪类选择器语法相同。

　　按照不同的过滤规则，过滤选择器可以分为以下几种：

　　1、基本过滤选择器

　　2、内容过滤选择器

　　3、可见性过滤选择器

　　4、属性过滤选择器

　　5、子元素过滤选择器

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

　　下面就对这几种过滤选择器分别加以介绍。

1.1基本过滤选择器

　　基本过滤选择器是过滤选择器中用的最多的一种，它的过滤规则主要体现在元素的位置(索引)上及一些特定的元素。

　　基本过滤选择器规则：

　　示例：

1.2内容过滤选择器

　　内容过滤选择器的过滤规则主要体现在它所含的子元素或文本内容上。

　　内容过滤选择器规则：

　　示例：

1.3可见性过滤选择器

　　可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素。

　　可见性过滤选择器规则：

　　示例：

1.4属性过滤选择器

　　属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。

　　属性过滤选择器规则：

　　示例：

1.5子元素过滤选择器

　　子元素过滤选择器的过滤规则是通过元素的父子关系来获取相应的元素。

　　子元素过滤选择器规则：

　　这里值得一提的是:nth-child()，这个选择器的详细功能如下：

　　1、nth-child(even) 能选取每个父元素下的索引值是偶数的元素

　　2、nth-child(odd) 能选取每个父元素下的索引值是奇数的元素

　　3、nth-child(2) 能选取每个父元素下的索引值等于2的元素

　　4、nth-child(3n) 能选取每个父元素下的索引值等于3的倍数的元素，n从0开始

　　5、nth-child(3n+1) 能选取每个父元素下的索引值等于 (3n+1) 的的元素，n从0开始

　　示例：

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

　　此选择器主要是对所选择的表单元素进行过滤。

　　表单对象属性过滤选择器规则：

　　示例：

二、表单选择器

　　顾名思义，表单选择器是为了能更加容易地操作表单，表单选择器是根据元素类型来定义的。

　　表单选择器规则：

　　示例：

小结

　　本文主要介绍了jQuery选择器中的过滤选择器和表单选择器，并对每种类型的选择器给出了示例代码，希望能对大家有所帮助。本人也是jQuery的初学者，欢迎大家拍砖。

　　参考书籍：《锋利的jQuery》(人民邮电出版社)

本文转自Artwl博客园博客，原文链接：http://www.cnblogs.com/artwl/，如需转载请自行联系原作者