删除多个类(jQuery)

Question

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

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

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

Answer 1

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

来自removeClass(),类参数:

要从元素中删除的一个或多个CSS类,这些类由空格分隔.

Answer 2

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

这是文档.

Answer 3

http://docs.jquery.com/Attributes/removeClass

要从元素中删除的一个或多个CSS类,这些类由空格分隔.

Answer 4

该文件说:

class (Optional) String
要从元素中删除的一个或多个CSS类,这些类由空格分隔.

例:

从匹配的元素中删除"blue"和"under"类.

$("p:odd").removeClass("blue under");

Answer 5

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

jQuery的

1. 删除所有类
   $("element").removeClass();
   OR
   $("#item").removeAttr('class');
   OR
   $("#item").attr('class', '');
   OR
   $('#item')[0].className = '';

2. 删除多类
   $("element").removeClass("class1 ... classn");
   OR
   $("element").removeClass("class1").removeClass("...").removeClass("classn");

原生Javascript

1. 删除所有课程

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

2. 删除多类

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