JQUERY实现隔行变色

通过每行相对于父标签的奇偶属性添加不同的样式进行隔行变色。

先加入奇数行和偶数行的样式

.odd { 
background-color: #ffc; /* pale yellow for odd rows */ 
} 
.even { 
background-color: #cef; /* pale blue for even rows */ 
}

在文档元素都加载完成后启用。

$(document).ready(function() { 
$('tr').addClass('odd'); 
$('tr:even').addClass('even'); //奇偶变色，添加样式 
});