用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

jquery选择器 表格偶数行或奇数行 隔行变色(tr:even,tr:odd)

2013-02-16 作者:小蜜锋举报

[javascript]代码库

<script language="javascript" >
	$(function(){// dom元素加载完毕
	   $('#tb tbody tr:even').css("backgroundColor","#068");
	   //获取id为tb的元素,然后寻找他下面的tbody标签,再寻找tbody下索引值是偶数的tr元素,改变它的背景色.
	   //tr:odd为奇数行,索引从0开始,0算偶数。
	})
</script>
</head>
<body>
<table id="tb">
<tbody>
		<tr><td>1 http://yuncode.net</td></tr>
		<tr><td>2 http://yuncode.net</td></tr>
		<tr><td>3 http://yuncode.net</td></tr>
		<tr><td>4 http://yuncode.net</td></tr>
		<tr><td>5 http://yuncode.net</td></tr>
		<tr><td>6 http://yuncode.net</td></tr>
		<tr><td>7 http://yuncode.net</td></tr>
</tbody>
</table>


分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。