<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EW""http://www.w3.org/TR/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><!--插入脚本 载入jquery-1.4.2.min.js文件 结束脚本--><script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script><!--定义样式--><style type="text/css"><!--定义 body身体的尺寸 tbStu大小 和颜色 tbSut tr-->body{font-size:12px;text-align:center}#tbStu{width:260px;border:soild 1px #666;background-color:#eee}#tbSut tr{line-heiht:23px}#tbSut tr th{background-color:#ccc;color:#fff}#tbSut .trOdd{background-color:#fff}
<!--结束定义样式--></style><!--脚本插入--><script type="text/javascript"><!--创建函数-->$(function()
{ <!--查询到tbStu tr nth-child(even) 分别匹配序号为奇数与偶数的元素 增加trOdd 设置颜色-->
$("#tbStu tr:odd").addClass("trOdd");
})<!--结束脚本插入--></script></head><body><table id="tbStu" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<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>
</tbody></table></body></html>为什么改变不了？tbSut tr th{background-color:#ccc;color:#fff}tbSut .trOdd{background-color:#fff}
1 回答
慕妹3242003
TA贡献1824条经验 获得超6个赞
TR 标签能加颜色的吗？汗。
把这个#tbSut .trOdd{background-color:#fff}
改成：#tbSut .trOdd td{background-color:#fff}
又或者
$("tr:nth-child(odd)").css("background","#fff");
- 1 回答
- 0 关注
- 160 浏览
添加回答
举报
0/150
提交
取消