jquery实现奇偶行赋值不同css值

效果如下：使用jquery我们可以轻松的实现上面效果，代码如下：复制代码代码如下: <html> <head> <title>jquery奇偶行css效果</title> <script src="http://img.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script> <style type="text/css"> /*table中偶数行*/ .tabEven { background: #9d8e8b; } /*table中奇数行*/ .tabOdd { background: #ffffff; } </style> <script type="text/javascript"> $(document).ready(function () { $("#datalist tr:even").addClass("tabEven"); $("#datalist tr:odd").addClass("tabOdd"); }); </script> </head> <body> <table id="datalist"> <tr><td>第1行</td></tr> <tr><td>第2行</td></tr> <tr><td>第3行</td></tr> <tr><td>第4行</td></tr> <tr><td>第5行</td></tr> </table> </body> </html>

　　推荐阅读

　　javascript题目，重写函数让其无限相加

function add(x) {________}; alert(add(2)(3)(4)); //填空，使结果为9 解法一，复制代码代码如下: //貘大 function add(x) { var c = 0; return function(x) { c = c + x ; arguments.callee.toString = functi>>>详细阅读

本文标题：jquery实现奇偶行赋值不同css值

地址：http://www.17bianji.com/kaifa2/JS/23625.html

1/2 1