在jquery中,可以使用“$(":odd")”和“$(":even")”选择器分别选中奇行和偶行的元素,然后使用css()方法分别给奇行和偶行元素设置不同的颜色样式即可实现奇偶行不同颜色。

本教程操作环境:windows7系统、jquery1.7.2版本,Dell G3电脑。
推荐教程:jquery视频教程
jquery奇偶行不同颜色的示例
html>
<title>Insert a title</title><meta><script></script><script>
$(document).ready(function() {
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
});
</script>
| 第一行 |
| 第二行 |
| 第三行 |
| 第四行 |
效果图:

说明:
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本,由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用,尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
jQuery :odd 选择器可以选取每个带有奇数 index 值的元素(比如 1、3、5)。
jQuery :even 选择器可以选取每个带有偶数 index 值的元素(比如 2、4、6)。
其中,index 值从 0 开始,所有第一个元素是偶数 (0)。
更多编程相关知识,请访问:编程教学!!










