jQuery方法,类名操作和DOM样式操作

类名操作

  • 1.添加类名:addClass(className) 为指定元素添加类名
注意:此处类名不带点,所有类操作的方法类名都不带点"."
  • 2.移除类名:removeClass(className) 为指定元素移除类名


  • 3.切换类名:toggleClass(className) 切换类名,如果没有指定类名就添加,有就移除。


  • 4.判断有没有某个类名

样式操作

  • 1.获取样式(.css("样式属性名称")):
  • 具体操作:
//获取想要获取样式的jQuery对象
var $div = $('.box');
//获取div的宽度
var w = $div.css('width');
  • 2.设置样式
  • 设置单个样式(.css("样式属性名称","样式属性值")):


//获取想要获取样式的jQuery对象
var $div = $('.box');
//获取div的宽度
var w = $div.css("color","blue");
  • 设置多个样式(.css({"样式属性名称":"样式属性值"})):


//获取想要获取样式的jQuery对象
var $div = $('.box');
//获取div的宽度
var w = $div.css({'width': '500px', 'height': '500px','background': 'red'});

你可能感兴趣的:(jQuery方法,类名操作和DOM样式操作)