关于jquery的一些小记

xiaoxiao2021-02-28  104

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来代替

转载请注明原文地址: https://www.6miu.com/read-62585.html

最新回复(0)