最少jQuery代码实现表格样式交替效果

Question

1. 选择器为  table 制作基本的间条，给定以下的  table：
2. 在  jQuery 库中有两个很有用的自定义选择器是  " :odd"  和  ":even"，让我们看看如何使用这些
4. <table>
5. <tr>
6. <td>欢迎来到唯酷吧</td>
8. <td>我是415734794</td>
9. </tr>
10. <tr>
12. <td>欢迎来到唯酷吧</td>
13. <td>我是415734794</td>
15. </tr>
16. <tr>
17. <td>欢迎来到唯酷吧</td>
18. <td>我是415734794</td>
19. </tr>
20. <tr>
21. <td>欢迎来到唯酷吧</td>
22. <td>我是415734794</td>
23. </tr>
24. <tr>
25. <td>欢迎来到唯酷吧</td>
26. <td>我是415734794</td>
27. </tr>
28. <tr>
29. <td>欢迎来到唯酷吧</td>
30. <td>我是415734794</td>
31. </tr>
32. <tr>
33. <td><table><tr><td>我是飞碟</td></tr></table></td>
34. <td>我是415734794</td>
35. </tr>
36. </table>  
37. 现在我们可加入两个类到样式表，一个是给奇数行的，一个是给偶数行的。复制内容到剪贴板
39. 代码:
41. <style type="text/css">
42. .odd {  
43. background-color:
44. #ffc;   
45. }  
46. .even
47. {  
48. background-color: #cef;   
49. }  
50. .highlight {font­weight:bold; color:
51. #f00;}
52. table{margin:0 auto;}
53. td{
54. width:250px;}
55. </style>
56. 最后，我们写我们的  <A
57. href="http://vku88.5d6d.com/tag-jQuery.html"
58. target=_blank>jQuery代码，附加这些类到表格的行（<tr>  标签）：
60. 复制内容到剪贴板
61. 代码:
62. <script type="text/javascript"
63. src="http://www.cnjquery.com/demo/jquery.js"></script>
64. <script
65. type="text/javascript">
66. $(document).ready(function()
67. {  
68. $('tr:odd').addClass('odd');
69. tr:even').addClass('even');
70. });
71. //$(document).ready(function()
72. {
73. //$('tr:odd').addClass('odd');
74. //$('tr:even').addClass('even');
76. //$('td:contains("欢迎来到唯酷吧")').addClass('highlight');
78. //});
79. </script>
80. 页面加载的时候添加
82. $(".tbl_memberinfo tr:even").addClass("row-bg1");
83.     $(".tbl_memberinfo tr:odd").addClass("row-bg2");
84.     $(".tbl_memberinfo tr:last").removeClass();就可以了

复制代码