JQuery中怎么设置class

jQuery 拥有若干进行 CSS *** 作的方法，对于class的设置有如下方法：

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

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对被选元素进行添加/删除类的切换 *** 作

下面分别举例说明：

1、下面的例子展示如何向不同的元素添加 class 属性。

$("button").click(function(){

$("h1,h2,p").addClass("blue")

$("div").addClass("important")

})

2、下面的例子演示如何不同的元素中删除指定的 class 属性：

$("button").click(function(){

$("h1,h2,p").removeClass("blue")

})

3、下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换 *** 作：

$("button").click(function(){

$("h1,h2,p").toggleClass("blue")

})

toggleClass()

toggleClass() 对设置或移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

不过，通过使用 "switch" 参数，您能够规定只删除或只添加类。

语法

$(selector).toggleClass(class,switch)

---