jQuery设置列表的表格背景颜色交替

JS方法:
/**
 * 设置列表的表格背景颜色交替
 */
function setTableBgColor(){
    // jQuery获取多个class:$(".blue_table,.<span style="font-family: Arial, Helvetica, sans-serif;">fixed_table</span><span style="font-family: Arial, Helvetica, sans-serif;">")</span>
    $(".<span style="font-family: Arial, Helvetica, sans-serif;">blue_table</span><span style="font-family: Arial, Helvetica, sans-serif;">").each(function () {</span>
        var _this = $(this);
        //设置奇数行(odd)和偶数行(even)颜色
        _this.find("tr:odd").addClass('odd');
        _this.find("tr:even").addClass('even');
 
        //鼠标移动隔行变色用hover
        _this.find("tr").hover(function () {
            $(this).attr("bgColor", $(this).css("background-color")).css("background-color", "#f9f3da").css("cursor", "pointer");
        }, function () {
            $(this).css("background-color", $(this).attr("bgColor"));
        });
 
    });
}
Css代码
/** 奇数列背景颜色 */
.odd {
	background-color: #f1f8fe;
}
/** 偶数列背景颜色 */
.even {
	background-color: #ffffff;
}
/*鼠标经过颜色*/
.highlight {
	background-color: #f9f3da;
	cursor: pointer;
}


你可能感兴趣的:(jquery,css,表格背景颜色交替)