利用jquery子屬性過濾器實現(xiàn)隔行變色
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(function(){
$("table tr:nth-child(even)").css("background-color","yellow");
//選擇所有偶數(shù)行寸莫，table是母元素述么，tr是子元素终惑。之后一個冒號错洁，后面是過濾器名稱。其實感覺設(shè)計成$("table tr").(nth-child(even)也行。不過既然這么設(shè)計了，就得按這個來~
$("table tr:nth-child(odd)").css("background-color","pink");
})
</script>
</head>
<body>
<div align="left">隔行變色</div>
<table width="462" height="152" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
之前這個方法不夠簡單
css實現(xiàn)隔行換色 - 簡書
