jQuery快速入门基础教程之jQuery操作CSS（五）

addClass()

addClass()用于向被选元素添加一个或多个类

格式：

$(selector).addClass(class)

例子：

//为id为div1元素添加important及blue两个class
 $("#div1").addClass("important blue");

-

removeClass()

removeClass()用于选定元素中删除指定的 class 属性

格式：

$(selector).removeClass(class)

例子：

//为h1,h2,p元素删除class blue
$("h1,h2,p").removeClass("blue");

-

toggleClass()

 

toggleClass() 方法用于对被选元素进行添加/删除类的切换操作。

格式：

 $(selector).(class)toggleClass

例子：

//点击button,对h1,h2,
p元素进行添加/删除类的切换操作
$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});

-

css()

 

css() 方法设置或返回被选元素的一个或多个样式属性。

(1) 返回css属性

格式：

css("propertyname")

例子：

//获取p元素的背景颜色
$("p").css("background-color");

 

(2) 设置css属性

格式：

css("propertyname","value")

例子：

//设置p元素的背景颜色为黄色
$("p").css("background-color","yellow");

 

(3) 设置多个css属性

格式：

css({"propertyname":"value",
"propertyname":"value",...});)

例子：

//设置p元素背景为黄色，
  字体大小为200%
$("p").css({"background-color":
  "yellow","font-size":"200%"});