1.jquery操作有序排列的同类元素
<ul>
<li>第一行</li>
<li> 第二行</li>
<li> 第三行</li>
<li>第四行 </li>
<li> 第五行</li>
</ul>
如果要使上述li元素在奇数行的杨色为红色,代码如下:
$("li:nth-child(2n+1)").css("background","red");
这里最重要的是
2n+1,它可以是任何以n为参数的表达式,如3n+8,n*n/2....这里n代表一切自然数,即0,1,2,3.........,但要注意的是虽然n可以取值为0,但元素的下标还是从1开始,即内容为“第一行”的li元素表示为$("li:nth-child(1)")。按照之前的n取值,这里就拿表达式2n来说,它表示的是0,2,4,6,8........虽然有零,但会被忽略,实际下标将从2开始。
表达式也可以没有n,可以只是一个数字,它表示的是以该数字为下标的单个元素。除此之外:nth-child()括号里的参数还有odd,even,分别用来表示奇数和偶数,只是多了一种表示方法,可以分别用2n和2n+1来代替