<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#table1 tr:first").css("fontSize", "40px"); //:first第一个 $("#table1 tr:last").css("color", "red"); //:last最后一个 $("#table1 tr:gt(0):lt(3)").css("fontSize", "28px"); //:gt(0)大于0;:lt(3)小于3 $("#table1 tr:gt(0):even").css("background", "yellow"); //:even偶数行 $("#table1 tr:gt(0):lt(7):odd").css("background", "green"); //:odd奇数行 }); </script> </head> <body> <table id="table1"> <tr><td>姓名</td><td>成绩</td></tr> <tr><td>Tom</td><td>99</td></tr> <tr><td>jim</td><td>66</td></tr> <tr><td>lily</td><td>88</td></tr> <tr><td>home</td><td>77</td></tr> <tr><td>aaa</td><td>66</td></tr> <tr><td>bbb</td><td>78</td></tr> <tr><td>ccc</td><td>58</td></tr> <tr><td>平均分</td><td>80</td></tr> </table> </body> </html>