伪类选择符 :nth-child(args)   [返回伪类选择符目录]
描述:
nth-child是一个很强大的子元素选择符,其用法和CSS3.0规范中的nth-child样式选择符功能一样.只不过CSS3.0中的nth-child并不能很好的支持浏览器兼容.而JSer中的这个伪类选择符则不存在兼容问题.
特别说明:
与其它的伪类子元素选择符不同的是, 其它伪类子元素在处理子元素位置的时候,位置下标是从0开始的,而此选择符的子元素下标位置都从1开始计算.
用法:
此选择符的参数args可以是如下几种格式,请见下表:

注:下表中的X和Y代表一个整数的数字.

args参数值 参数说明 args语法示例 说明
X 选择第X个元素。 :nth-child(5) 选择第5个位置上的元素。
Xn 选择位置能够被X整除的元素。 :nth-child(5n) 如果元素的位置能够被5整除,则选择该元素。
例如:5,10,15,20,25,30 ...
Xn+Y 选择位置能被X整除的后面第Y个元素。Y值必须小于X的值 :nth-child(5n+1) 选择能够被5整除的元素的后面第1个元素。
例如:6,11,16,21,26,31 ...
Xn-Y 选择位置能被X整除的前面第Y个元素。Y值必须小于X的值 :nth-child(5n-1) 选择能够被5整除的元素的前面第1个元素。
例如:4,9,14,19,24,29 ...
-Xn+Y 从第Y个位置开往前始算起(即反向推算),
位置能够被X整除的元素。 Y值必须大于X的值
:nth-child(-3n+10) 从第10个位置往前算起,每3行的元素。
例如:10, 7, 4, 1
-n+Y 选择位置小于或等于Y的元素。 :nth-child(-n+5) 选择第5个位置和它前面的所有元素。
例如:1,2,3,4,5
odd 选择奇数位置元素。 :nth-child(odd) 选择奇数位置上的元素。
如:1,3,5,7,9,11 ...
even 选择偶数位置元素。 :nth-child(even) 选择偶数位置上的元素。
如:2,4,6,8,10,12 ...

示例1:
HTML示例代码:
<table id="my">
<tr><td>tr number: 1 </td></tr>
<tr><td>tr number: 2 </td></tr>
<tr><td>tr number: 3 </td></tr>
<tr><td>tr number: 4 </td></tr>
<tr><td>tr number: 5 </td></tr>
<tr><td>tr number: 6 </td></tr>
<tr><td>tr number: 7 </td></tr>
<tr><td>tr number: 8 </td></tr>
<tr><td>tr number: 9 </td></tr>
<tr><td>tr number: 10 </td></tr>
<tr><td>tr number: 11 </td></tr>
<tr><td>tr number: 12 </td></tr>
<tr><td>tr number: 13 </td></tr>
<tr><td>tr number: 14 </td></tr>
<tr><td>tr number: 15 </td></tr>
</table>
js代码:
JSer("#my 占位符").css('background-color','#9999cc');
将JS代码中的占位符分别换成上面表格中的"args语法示例"所列的字符串参数后运行,各种nth-child参数运行效果请见下图:

JSer nth-child选择符所传入各参数运行效果图.
请参考:
JSer伪类选择符, 伪类选择符:even, 伪类选择符:odd