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

格式：

$(selector).addClass(class)

例子：

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

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

格式：

$(selector).removeClass(class)

例子：

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

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

格式：

 $(selector).(class)toggleClass

例子：

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

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%"});