通过jquery操作类进行的逐行变色
<script type="text/javascript">
$(document).ready(function(){
 $("tr").each(function(index){
    $(this).click(function(){
        $("tr").removeClass();$("tr:odd").addClass("gray");//进行全部行的减色后,进行双行加色
       $(this).removeClass().addClass("blue");//去除当前行的颜色后,进行加色
   })      
 })
 $("tr:odd").addClass("gray");//首先将双行进行加色
})
</script>
很容易,很简便。
效果请看: 逐行变色