1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>隔行换色</title> 6 <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 7 <script type="text/javascript"> 8 $(document).ready(function(){ 9 $("tr:even").not(":first").css("background","#eee"); 10 }); 11 12 /* 13 window.onload = function() { 14 var rows = document.getElementsByTagName("tr"); 15 for (var i = 0; i < rows.length; i++) { 16 if (i % 2 == 0 && i != 0) 17 rows[i].style.backgroundColor = "#eee"; 18 } 19 }; 20 */ 21 </script> 22 </head> 23 <body> 24 <table id="orders"> 25 <thead > 26 <tr style="background-color: #aaaaaa;"> 27 <th>序号</th> 28 <th>订单号</th> 29 <th>商品名称</th> 30 <th>价格(元)</th> 31 </tr> 32 </thead> 33 <tr> 34 <td>1</td> 35 <td>10035900</td> 36 <td>Nike透气减震运动鞋</td> 37 <td>231.00</td> 38 </tr> 39 <tr> 40 <td>2</td> 41 <td>10036114</td> 42 <td>天美太阳伞</td> 43 <td>51.00</td> 44 </tr> 45 <tr> 46 <td>3</td> 47 <td>10035110</td> 48 <td>万圣节儿童蜘蛛侠装</td> 49 <td>31.00</td> 50 </tr> 51 <tr> 52 <td>4</td> 53 <td>10032900</td> 54 <td>jQuery权威指南</td> 55 <td>22.50</td> 56 </tr> 57 </table> 58 </body> 59 </html>