<title>无标题文档</title>
<style type="text/css">
.one{
background:#C00;
}
.two{
background:#09F;
}
</style>
<script src="../jquery-2.1.1.js"></script>
<script>
$(document).ready(function(){
$("tr:even").addClass("one");//奇数行
$("tr:odd").addClass("two");//偶数行
}
);
</script>
</head>
<body>
<table width="300" border="1" class="color">
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
</table>
</body>
<style type="text/css">
.one{
background:#C00;
}
.two{
background:#09F;
}
</style>
<script src="../jquery-2.1.1.js"></script>
<script>
$(document).ready(function(){
$("tr:even").addClass("one");//奇数行
$("tr:odd").addClass("two");//偶数行
}
);
</script>
</head>
<body>
<table width="300" border="1" class="color">
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
</table>
</body>