用jQuery让表格偶数行样式渐变,鼠标移上去样式变化

YearMakeModel
1965FordMustang
1970ToyotaCorolla
1979AMCJeep CJ-5
1983FordEXP
1985DodgeDaytona
1990ChryslerJeep Wrangler Sahara
1995FordRanger
1997ChryslerJeep Wrangler Sahara
2000ChryslerJeep Wrangler Sahara
2005ChryslerJeep Wrangler Unlimited
2007DodgeCaliber R/T

Jquery代码:

1 $("table tr:nth-child(even)").addClass("striped");//even或者2n为偶数行,2n+1为奇数行

2

3 $("tr").mouseover(function() {

4 $(this).addClass("over");

5 }).mouseout(function() {

6 $(this).removeClass("over");

7 })

这里有一个JQuery的链式操作

$("tr").mouseover(funtion(){
        $(this).addClass("over");})
$("tr").mouseout(funtion(){
       $(this).removeClass("over");})

可以写成上面的形式。

源代码下载