本教程操作环境：windows7系统、jquery1.7.2版本，dell g3电脑。
推荐教程：jquery视频教程
jquery奇偶行不同颜色的示例
<!doctype html><html> <head> <title>insert a title</title> <meta charset="utf-8"> <script src="demo/js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#table tr:odd").css("background-color", "#e6e6fa"); $("#table tr:even").css("background-color", "#fff0fa"); }); </script> </head> <body> <table id="table"> <tr> <td>第一行</td> </tr> <tr> <td>第二行</td> </tr> <tr> <td>第三行</td> </tr> <tr> <td>第四行</td> </tr> </table> </body></html>
效果图：
说明：
jquery :odd 选择器可以选取每个带有奇数 index 值的元素（比如 1、3、5）。
jquery :even 选择器可以选取每个带有偶数 index 值的元素（比如 2、4、6）。
其中，index 值从 0 开始，所有第一个元素是偶数 (0)。
更多编程相关知识，请访问：编程教学！！
以上就是jquery怎么实现奇偶行不同颜色的详细内容。