jquery 控制html页面表格当中奇偶行颜色不同 鼠标悬停变色

jQuery一句话搞定奇偶行颜色不同

$(document).ready(function() {
// 奇偶行分色 jquery一句搞定 就是这么简单
//$("tr:even").css("background-color","#B2E0FF");
$("tbody tr:even").addClass("sty_even");

//放上鼠标 改变颜色
$("#logtable tbody tr").hover(function() {
// $("#orderedlist li:last").hover(function() {
$(this).addClass("hover");
}, function() {
$(this).removeClass("hover");
});

// 下拉树形菜单
$(".user_done").click(function() {
$(".user_did"). toggle();

});
});

更简单的jquery实现悬浮变色方法：

$("tbody tr").hover(function() {
$(this).toggleClass("hover_tr");
});

注意：鼠标停时 是增加标签class 如果标签已有class，此时出现多个class 应将悬停时使用的class设置为important，覆盖其它

鼠标悬空时对应的css

.sty_even {
background-color:#B2E0FF;
}

.hover {
background:#b6c6d7 !important;
}