nth-child是什么意思

[Ptrtoptr]

我有教课书,看不懂,

代码不加nth-child 之前
$('table tr:even').addClass('even'); 'even'类效果是蓝色背景
<table >
<tr> <td>odd</td> </tr>// 此行变蓝
<tr> <td>even</td> </tr>
<tr> <td>odd</td> </tr>// 此行变蓝
<tr> <td>even</td> </tr>
</table>
以上我想把even行变蓝odd行却变蓝了,我已知道原因是因为 jquery下标从0开始.
但下面我改了代码成:
$('table tr:nth-child(even)').addClass('even');
然后就成了下面的效果
<table >
<tr> <td>odd</td> </tr>//
<tr> <td>even</td> </tr> //此行变蓝
<tr> <td>odd</td> </tr>//
<tr> <td>even</td> </tr> // 此行变蓝
</table>
请问这是怎么回事 那tr:后缀的nth-child什么意思

[暖暖猫]

匹配其父元素下的第N个子或奇偶元素

[张伟伟]

:nth-child() 是从1开始技计数的

[汉尼拔]

具体的上面都说的很清楚了, 为了帮助你理解.再多说几句 nth-child中 分两个部分来讲 1. nth 英语翻译一下就是"第几个"的意思 2. child 代表"子元素"的意思. 合起来就是第几个子元素,或者叫第几个儿子节点

[garfieldzf]

手里没有API吗？

[Ptrtoptr]

为什么 tr:even 是从0开始
而tr :nth-child(even)是从1开始?