<!DOCTYPE html>
<html>
<head>
< charset=\"UTF-8\">
< >使用JQ完成表格隔行换色</ >
< src=\"js/jquery.min.js\"></ >
< >
$(function() {
$(\"tbody tr:odd\").css(\"background-color\",\"aquamarine\");
$(\"tbody tr:even\").css(\"background-color\",\"bisque\");
var tb = $(\"tbody tr\");
var oldColor;
for(var i=0;i<tb.length;i++) {
//alert(oldColor);
$(\"tbody tr\")[i]. = function() {
oldColor = this.style.backgroundColor;
this.style.backgroundColor = \"yellow\";
}
$(\"tbody tr\")[i]. = function() {
this.style.backgroundColor = oldColor;
}
}
});
</ >
</head>
<body>
<table id=\"tbl\" border=\"1\" border-collapse=\"collapse\" align=\"center\" cellspacing=\"0\" cellpadding=\"5\" width=\"400\" height=\"20\">
<thead>
<tr>
<th>编号</th><th>姓名</th><th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td><td>张三</td><td>12</td>
</tr>
<tr>
<td>2</td><td>李四</td><td>22</td>
</tr>
<tr>
<td>3</td><td>王五</td><td>13</td>
</tr>
<tr>
<td>4</td><td>马六</td><td>14</td>
</tr>
<tr>
<td>5</td><td>伍六七</td><td>17</td>
</tr>
<tr>
<td>6</td><td>梅花十三</td><td>17</td>
</tr>
</tbody>
</table>
</body>
</html>
疑问：为什么this.style.backgroundColor = oldColor中的this不能用$("tbody tr")[i]代替？？
继续阅读与本文标签相同的文章
下一篇 :
angularjs指令作用域使用实例
-
Python Threading 学习笔记 | 4、Queue功能
2026-05-18栏目： 教程
-
Python Threading 学习笔记 | 5、不一定有效率GIL
2026-05-18栏目： 教程
-
使用 Docker 部署 Spring Boot 项目
2026-05-18栏目： 教程
-
发布订阅模式
2026-05-18栏目： 教程
-
Docker 用ansible给主机安装docker
2026-05-18栏目： 教程