專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時間：2021-09-01 11:23:00 來源：動力節點 瀏覽1014次
畫一個表格用jQuery添加類名(class)實現隔行，首行，尾行，變色
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.c1{
background: red;
}
.c2{
background: orange;
}
.c3{
background: yellow;
}
.c4{
background: green;
}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script>
$(function(){
$("tr:even").addClass("c1");//偶數行加一個列名
$("tr:odd").addClass("c2");//奇數行加一個列名
$("tr:first").addClass("c3");//首行加一個列名
$("tr:last").addClass("c4");//尾行加一個列名
$("tr:gt(3)").addClass("c4");//索引大于3的加列名
})
</script>
</head>
<body>
<table border="1" width="300" height="400">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
以上就是動力節點小編介紹的"jQuery添加類名實現表格的隔行變色"，希望對大家有幫助，想了解更多可查看 jQuery教程。動力節點在線學習教程，針對沒有任何Java基礎的讀者學習,讓你從入門到精通,主要介紹了一些Java基礎的核心知識，讓同學們更好更方便的學習和了解Java編程，感興趣的同學可以關注一下。
Java實驗班
0基礎 0學費 15天面授
Java就業班
有基礎 直達就業
Java夜校直播班
業余時間 高薪轉行
Java在職加薪班
工作1~3年，加薪神器
Java架構師班
工作3~5年，晉升架構
提交申請后，顧問老師會電話與您溝通安排學習
官方微信
官方抖音
京公網安備 11030102010736號