jQuery removeClass() 方法

jQuery HTML/CSS 方法

removeClass()方法从所选元素中删除一个或多个类名称。

如果将类名作为参数包括在内，则只会删除该类。

如果在参数中未指定类名，则将删除所有类。

语法：

删除所有类

$(selector).removeClass()

删除指定的类

$(selector).removeClass(className)

使用函数删除类

$(selector).removeClass(function(index, currentClass))

实例

从所有<p>元素中删除类名称“ highlight”：

$("button").click(function(){
  $("p").removeClass("highlight");
});

一次可以从一组选定元素中删除一个以上的类（以空格隔开），如下所示：

$("button").click(function(){
  $("p").removeClass("highlight big");
});

如果在参数中未指定类名，则将删除所有类：

$("button").click(function(){
  $("p").removeClass();
});

使用removeClass(删除一个类名，并使用addClass()添加一个新的类名：

$("button").click(function(){
  $("p").removeClass("red").addClass("green");
});

参数值

jQuery HTML/CSS 方法