<head>
<title></title>
<style type="text/css">
body
{
font-size:16px;
text-align:center;
}
.trOdd{background-color:red;
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Button1').click(function () {
//$('tr:even:not(#tr1)').addClass('trOdd');
$('tr:nth-child(odd):not(#tr1)').addClass('trOdd');// 子元素过滤选择器(两种方式一个效果)
});
});
</script>
</head>
<body>
<table>
<tr id="tr1">
<th>学号</th><th>姓名</th><th>性别</th><th>总分</th>
</tr>
<tr>
<td>1001</td><td>张小明</td><td>男</td><td>320</td>
</tr>
<tr>
<td>1002</td><td>李明旗</td><td>女</td><td>350</td>
</tr>
<tr>
<td>1003</td><td>张东</td><td>男</td><td>300</td>
</tr>
</table>
<input id="Button1" type="button" value="button" />
</body>