不是为元素可能具有的每个类单独调用$(“#item”).removeClass(),而是可以调用一个函数来从给定元素中删除所有CSS类吗?
jQuery和原始JavaScript都可以工作。
不是为元素可能具有的每个类单独调用$(“#item”).removeClass(),而是可以调用一个函数来从给定元素中删除所有CSS类吗?
jQuery和原始JavaScript都可以工作。
当前回答
$('#elm').removeAttr('class');
属性“class”将不再出现在“elm”中。
其他回答
最短的方法
$('#item').removeAttr('class').attr('class', '');
等等,如果没有指定特定的类,removeClass()是否默认删除所有类?所以
$("#item").removeClass();
会自己做。。。
尝试使用removeClass。
例如:
var nameClass=document.getElementsByClassName(“classe1”);console.log(“after”,nameClass[0]);$(“.classe1”).removeClass();var nameClass=document.getElementsByClassName(“classe1”);console.log(“之前”,nameClass[0]);<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div class=“clase1”>我是一名div,class=“classe1”</div>
由于并非所有版本的jQuery都是相同的,因此您可能会遇到与我相同的问题,这意味着调用$(“#item”).removeClass();实际上并没有删除该类(可能是一个bug)。
更可靠的方法是简单地使用原始JavaScript并完全删除class属性。
document.getElementById("item").removeAttribute("class");
$("#item").removeClass();
调用不带参数的removeClass将删除该项的所有类。
您也可以使用(但不一定建议使用。正确的方法是上面的方法):
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
如果您没有jQuery,那么这几乎是您唯一的选择:
document.getElementById('item').className = '';