运用jquery实现table单双行不同显示并能单行选中
下面图老师小编跟大家分享运用jquery实现table单双行不同显示并能单行选中,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~
$(document).ready(function(){
$("p:odd").css("background-color", "#bbf");
$("p:even").css("background-color","#ffc");
$("p").click(function () {
$("p").each(function(){
if($(this).hasClass("highlight")){
$(this).removeClass("highlight");
}});
$(this).addClass("highlight");
});
});
源码参考gamil:test_jquery_table