jQuery+css简单实现数据隔行异色选中高亮效果

 //鼠标移入行高亮显示
jQuery代码 

   $("#GridView1 tr").mouseover(function() {
        $(this).addClass('selected').siblings().removeClass('selected').end()
    });
    $("#GridView1 tr:has(:checked)").addClass('selected');

css代码

.selected{ background-color:#87CEFA;}

 

//隔行显色

  jQuery代码 

 //设置奇数行的class属性为'odd'
    $("#GridView1 tr:odd").addClass("odd");

//设置偶数行的class属性为'even'

$("#GridView1 tr:even").addClass("even")

css代码

.odd{ background-color:#DDEAF9;}

.even{background-color:#DDEAF9;}

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/26481450/viewspace-739210/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/26481450/viewspace-739210/