如何使用jQuery/JavaScript删除所有CSS类？

不是为元素可能拥有的每个类单独调用$item.removeClass，而是有一个可以调用的函数从给定元素中删除所有CSS类吗

jQuery和原始JavaScript都可以工作。

当然可以

$('#item')[0].className = '';
// or
document.getElementById('item').className = '';

只需将真实DOM元素的className属性设置为nothing

编辑：其他人说，仅仅调用removeClass是可行的——我用谷歌JQuery操场测试了这一点：。。。它是有效的。所以你也可以这样做：

$("#item").removeClass();

调用不带参数的removeClass将删除该项的所有类

您也可以使用，但不一定推荐，正确的方法如下：

$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';

如果您没有jQuery，那么这几乎是您唯一的选择：

document.getElementById('item').className = '';

---

等等，如果没有指定任何特定的类，removeClass不是默认删除所有类吗？所以

$("#item").removeClass();

将自行完成…

最短的方法

$('#item').removeAttr('class').attr('class', '');

---

elm中将不再存在类属性。

我也有类似的问题。在我关于禁用元素的案例中，应用了aspNetDisabled类和所有禁用控件的颜色错误。所以，我使用jquery删除了我不喜欢的每个元素/控件上的这个类，现在一切都正常了，看起来很棒

这是我删除aspNetDisabled类的代码：

$(document).ready(function () {

    $("span").removeClass("aspNetDisabled");
    $("select").removeClass("aspNetDisabled");
    $("input").removeClass("aspNetDisabled");

}); 

---

嘿，我来找一个类似的答案。 然后它击中了我

删除特定类

$('.class').removeClass('class');

假设元素有class=class另一个类，您可以试试

$(document).ready(function() {
   $('body').find('#item').removeClass();
});

如果必须在没有类名的情况下访问该元素，例如，必须添加新的类名，则可以执行以下操作：

$(document).ready(function() {
   $('body').find('#item').removeClass().addClass('class-name');
});

---

我在projet中使用该函数在html生成器中删除和添加类。祝你好运。

因为并非所有版本的jQuery都被创建为相同的版本，所以你可能会遇到与我相同的问题，这意味着调用$item.removeClass；不会实际删除该类。可能是个虫子

一种更可靠的方法是简单地使用原始JavaScript并完全删除class属性

document.getElementById("item").removeAttribute("class");

尝试使用removeClass

例如：

var nameClass=document.getElementsByClassNameclase1； console.logafter，nameClass[0]； $.clase1.removeClass； var nameClass=document.getElementsByClassNameclase1； console.logbefore，nameClass[0]； 我是class=clase1I的Div，我喜欢用原生js来做这件事，信不信由你！ 一,

jQuery方法 $item.removeClass

$item.removeClassclass1。。。类别n

---

让我们用这个例子。也许你想让你网站的用户知道某个字段是有效的，或者通过改变字段的背景颜色来引起注意。如果用户点击reset，那么您的代码应该只重置包含数据的字段，而不必费心在页面上的每个其他字段中循环

此jQuery筛选器将仅为删除类highlightCriteria 具有此类的输入或选择字段

---

是：从匹配的元素集中删除所有或指定的类。现在是正确的：如果参数中没有指定类名，所有类都将被删除。这对我来说是有效的。移除类；对我不起作用。attr版本现在应该是prop吗？在1.11版中，调用没有参数的removeClass似乎不再起作用。1@Vincent似乎是jQuery中引入的一个bug，因为他们的文档明确指出：如果类名作为参数包含，然后，只有该类将从匹配元素集中删除。如果参数中未指定类名，则将删除所有类。是的，我也怀疑这是一个bug，不是故意的。同时，下面的纯JavaScript工作得很好。document.getElementByIditem.removeAttributeclass；jQueryUI1.9有一个问题。如果removeClass不起作用，请使用removeAttr'class'

$(document).ready(function() {
   $('body').find('#item').removeClass();
});

$(document).ready(function() {
   $('body').find('#item').removeClass().addClass('class-name');
});

document.getElementById("item").removeAttribute("class");

// 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 = '';

$form.find('input,select').filter(function () {
    if((!!this.value) && (!!this.name)) {
        $("#"+this.id).removeClass("highlightCriteria");
    }
});