css
如何让表格或者行隔行显示背景颜色,单双交替显示不同的背景颜色
要显示单双行不同颜色除了css可以外,jquery也可以的,而且 2种方法都挺简单的,下面请看jquery显示的方法。
<html>
<head>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("tr:even").css("background","blue");
$("tr:odd").css("background","red");
})
</script>
</head>
<body>
<table >
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaa aaa</td>
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaa aaa</td>
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaa aaa</td>
</tr>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaa aaa</td>
</tr>
</table>
</body>
</html>
:odd :匹配所有索引值为奇数的元素,从 0 开始计数.查找表格的2、4、6行(即索引值1、3、5...)
要显示单双行不同颜色除了css可以外,jquery也可以的,而且 2种方法都挺简单的,下面请看jquery显示的方法。
<html>
<head>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("tr:even").css("background","blue");
$("tr:odd").css("background","red");
})
</script>
</head>
<body>
<table >
</table>
</body>
</html>
:odd
:even
转自:http://blog.sina.com.cn/s/blog_70207ec20101b0wd.html
总结的挺好,归纳的很简洁,很好,收藏