<!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 關注
- 223 瀏覽
添加回答
舉報
0/150
提交
取消