jquery 双色表格实现代码

http://www.jb51.net/article/21027.htm不多说了，直接给代码代码复制代码代码如下: <html> <head> <title>双色表格</title> <style type="text/css">  </style> <script src="lib/jquery.js" type="text/javascript"></script> <script type="text/javascript" > $().ready(function() { $('tr:has(th)').css('background','violet'); //表格标题 $('tr:even:gt(0)').css('background','yellow'); //偶数行,且行数大于0(即标题) $('tr:odd').css('background','olive'); //奇数行 }); </script> </head> <body> <center> <table> <tr id="th"> <th>姓名</th> <th>科目</th> <th>成绩</th> </tr> <tr> <td>张三</td> <td>语文</td> <td>90</td> </tr> <tr> <td>张三</td> <td>数学</td> <td>87</td> </tr> <tr> <td>李四</td> <td>数学</td> <td>68</td> </tr> <tr> <td>王五</td> <td>英语</td> <td>76</td> </tr> </table> </center> </body> </html>

　　推荐阅读

　　用于CSS代码压缩与格式化的javascript函数代码

复制代码代码如下: var lCSSCoder={ format : function(s){//格式化代码 s=s.replace(/s*([{}:;,])s*/g,"$1"); s=s.replace(/,[s.#d]*{/g,"{"); s=s.replace(/([^s]){([^s])/g,"$1 {nt$2"); s=s>>>详细阅读

本文标题：jquery 双色表格实现代码

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

1/2 1