//JQUERY制作双色表格
$(document).ready(function(){
//$(".stripe_tb tr"):获得class属性为stripe_tb的表格后再获取属于表格的行
$(".stripe_tb tr").mouseover(function(){ //为表格的行添加mouseover事件
//如果鼠标移到class为stripe_tb的表格的tr上时,执行函数
$(this).addClass("over");}).mouseout(function(){
$(this).removeClass("over");})//移除该行的Class
//给class为stripe_tb的表格的偶数行添加class值为alt
//:even()方法:匹配所有索引值为偶素的元素,从0开始计数:$("tr:even");
//:old()方法:匹配所有索引值为奇数的元素,从0开始计数:$("tr:old");
$(".stripe_tb tr:even").addClass("alt");
});
JQuery制作双色表格
最新推荐文章于 2018-01-27 14:59:31 发布