您的位置:首页 > Web前端 > JQuery

jQuery table tr隔行变色,鼠标移入移出变色,鼠标点击变色

2015-04-20 10:32 246 查看
.trover
{
background: #f9f9f9;
}
.trclick
{
background: #c4e8f5;
}
.treven{
background:#CCFFCC;
}
.trodd{
background:#ffffff;
}


$(function () {
//鼠标移入该行和鼠标移除该行的事件
jQuery("#ajaxTable tr:gt(0)").mouseover(function () {
jQuery(this).addClass("trover");
}).mouseout(function () {
jQuery(this).removeClass("trover");
});
//鼠标点击事件
$("#ajaxTable tr:gt(0)").bind("click", function () {
$("#ajaxTable tr:gt(0)").removeClass("trclick");
$(this).addClass("trclick");
});
//为表格的奇偶行设定不同的颜色
jQuery("#ajaxTable tr:gt(0)").addClass("treven");
jQuery("#ajaxTable tr:gt(0)").addClass("trodd");
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐