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;
}