表格奇偶行数 显示不同的class 并设置mouseover 的add class发光属性 $(document).ready(function(){ $(".table tr").mouseover(function(){ $(this).addClass("odd");
}).mouseout(function(){ $(this).removeClass("odd");//移除该行的class });
$(".table tr:even").addClass("even"); //tr:even 是代表表格里的偶数行
});
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:
addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性jQuery 提供多个处理尺寸的重要方法:
width()height()innerWidth()innerHeight()outerWidth()outerHeight()其中 : outerWidth() = width(100) + padding(10*2) + border(1*2) = 122
outerWidth(true) = width(100) + padding(10*2) + border(1*2)+ margin(5*2) = 122
innerHeight() = width(100) - padding(10*2) - border(1*2)
转载于:https://www.cnblogs.com/uglyspoon/p/5219531.html
相关资源:数据结构—成绩单生成器