参考别人写出的,代码如下:
<style type="text/css">
.bgRed {
background-color: #b2dba1;
}
</style>
<script type="text/javascript">
$(function() {
$("tr").first().nextAll().mouseover(function() { //获取标题行以外的所有tr,每一个都给个鼠标悬浮事件
$(this).children().addClass("bgRed"); //将悬浮的位置添加css样式
})
$("tr").first().nextAll().mouseleave(function() {//鼠标移开
$(this).children().removeClass("bgRed")
})
})
</script>
</head>
<body>
<table>
<tr>
<th><input type="checkbox" id="checkAll"> 序号</th>
<th>所属机构</th>
<th>姓名</th>
<th>手机号码</th>
</tr>
<tr>
<td><input type="checkbox" name="_dataCheckBox">1</td>
<td>山东</td>
<td>张三</td>
<td>15689547865</td>
</tr>
<tr>
<td><input type="checkbox" name="_dataCheckBox">1</td>
<td>山东</td>
<td>张三</td>
<td>15689547865</td>
</tr>
<tr>
<td><input type="checkbox" name="_dataCheckBox">1</td>
<td>山东</td>
<td>张三</td>
<td>15689547865</td>
</tr>
</table>
</body>