首页 > Web开发 > 详细

jquery 操作css 类 (新增和删除)

时间:2016-02-26 11:48:24      阅读:193      评论:0      收藏:0      [点我收藏+]

表格奇偶行数 显示不同的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

jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回样式属性

jQuery 尺寸 方法

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)

 

jquery 操作css 类 (新增和删除)

原文:http://www.cnblogs.com/uglyspoon/p/5219531.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!