jQuery基础教程之强大的选择器（过滤选择器-子元素过滤选择器）

今天我们来继续学习jQuery强大的选择器-子元素过滤选择器

子元素过滤选择器的过滤规则相对于其它的选择器稍微有些复杂，不过没关系，只要将元素的父元素和子元素区分清楚，那么使用起来也非常简单。另外还要注意它与普通的过滤选择器的区别。

选择器	描述	返回	示例
:nth-child(index/even/odd/equation)	选取每个父元素下的第index个子元素或者奇偶元素	集合元素	:eq(index)只匹配一个元素，而：nth-child将为每一个父元素匹配子元素，并且要注意的一点是：:nth-child(index)的index是从1开始的，而:eq(index)的index是从0开始的
:first-child	选取每个父元素的第一个子元素	集合元素	:first只返回单个元素，而:first-child选择符将为每个父元素匹配第1个子元素。例如$(“ul li:first-child”)选取的是每个<ul>中第1个<li>
:last-child	选取每个父元素的最后一个子元素	集合元素	:last只返回单个元素，而:last-child选择符将为每个父元素匹配第1个子元素。例如$(“ul li:last-child”)选取的是每个<ul>中最后1个<li>
:only-child	如果某个元素是它父元素中唯一的子元素，那么将会被匹配。如果父元素中含有其他元素，则不会被匹配	集合元素	$(“ul li:only-child”)在<ul>中选取是唯一子元素的<li>元素

:nth-child() 过滤选择器是很常用的子元素过滤选择器，更详细的功能如下：

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

（注意：由于:nth-child(index)的index是从1开始的，所以这里取得的索引值为偶数的元素，实际上就是我们正常的偶数了，注意和:eq(index)的区别）

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

（注意：由于:nth-child(index)的index是从1开始的，所以这里取得的索引值为奇数的元素，实际上就是我们正常的奇数了，注意和:eq(index)的区别）

（3）:nth-child(2)能选取每个父元素下的索引值为2的元素

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

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

n为什么会从0开始呢？呵呵~有一点:nth-child(0)是获取不到元素的，然后大家就应该能明白了为什么要从0开始了。

对上面的说明不是很了解的，可以移步这里，您会更加容易理解上面的说明

jQuery教程基础篇之强大的选择器-过滤选择器-子元素过滤选择器在线DEMO