关于jquery的一些小记

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值