我们喜欢在奇偶行加上不同的颜色效果如下： 使用jquery我们可以轻松的实现上面效果，代码如下： 复制代码 代码如下: html head titlejquery奇偶行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 trtd第1行/td/tr trtd第2行/td/tr trtd第3行/td/tr trtd第4行/td/tr trtd第5行/td/tr /table /body /html ，通常为了让页面呈现的更为美观，。