【问题标题】：Removing multiple classes (jQuery)删除多个类 (jQuery)
【发布时间】：2010-12-01 22:06:48
【问题描述】：

有没有更好的方法来重写这个：

$('element').removeClass('class1').removeClass('class2');

我不能使用 removeClass();，因为它会删除所有我不想要的类。

【问题讨论】：

标签： jquery css

【解决方案1】：

有很多方法可以做到这一点！

jQuery

删除所有类
$("element").removeClass();
或
$("#item").removeAttr('class');
或
$("#item").attr('class', '');
或
$('#item')[0].className = '';
移除多类
$("element").removeClass("class1 ... classn");
或
$("element").removeClass("class1").removeClass("...").removeClass("classn");

原版 Javascript

删除所有类

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

移除多类

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';

【讨论】：

【解决方案2】：

$('element').removeClass('class1 class2');

这里是the docs。

【讨论】：

【解决方案3】：

jQuery .removeClass() 文档。

要从元素中删除的一个或多个 CSS 类，它们之间用空格分隔。

【讨论】：

【解决方案4】：

您必须通过空格$('selector').removeClass('class1 class2'); 将要删除的那些类分开

【讨论】：

【解决方案5】：

从 jQuery 3.3.0 开始，可以将数组传递给 .addClass()、.removeClass() 和 toggleClass()，如果有任何逻辑可以确定应该添加或删除哪些类，这会更容易，因为你不需要乱用空格分隔的字符串。

$("div").removeClass(["class1", "class2"]);

【讨论】：

【解决方案6】：

由白色space分隔班级

$('element').removeClass('class1 class2');

【讨论】：

【解决方案7】：

documentation 说：

class (Optional) String
要从元素中删除的一个或多个 CSS 类，它们之间用空格分隔。

例子：

从匹配的元素中删除类 'blue' 和 'under'。
$("p:odd").removeClass("blue under");

【讨论】：

【解决方案8】：

$("element").removeClass("class1 class2");

来自removeClass()，类参数：

要删除的一个或多个 CSS 类元素，它们由空格。

【讨论】：