色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery表格奇數行變色

楊彩鳳1年前7瀏覽0評論

使用jQuery可以輕松實現表格奇數行變色的效果。下面是一個簡單的示例:

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>22</td>
<td>男</td>
</tr>
</table>

使用以下jQuery代碼可以給表格每個奇數行設定背景顏色:

$(document).ready(function(){
$("table tr:nth-child(odd)").css("background-color", "#ccc");
});

這里使用了jQuery選擇器 :nth-child(odd),它可以選擇每個父元素的第奇數個子元素,也就是表格的奇數行。然后使用css()方法給這些奇數行設置了背景顏色。這樣就實現了表格奇數行變色的效果。