删除所有类 jQuery - Javascript

当我们需要在javascript中删除所有指定的类时，可以使用纯javascript代码。

方法

var elements = document.querySelectorAll('.classname');
for (var i = 0; i < elements.length; i++) {
    elements[i].classList.remove('classname');
}

这段代码首先查询文档中所有具有 'classname' 类的元素，然后使用一个循环遍历每个元素，并从它们的类列表中删除 'classname' 类。

解释

1. document.querySelectorAll('.classname')选择所有具有所选类的元素

   document.querySelectorAll('.classname')
   

2. 迭代所有选定的元素并删除所选类

   var elements = document.querySelectorAll('.classname');
   for (var i = 0; i < elements.length; i++) {
       elements[i].classList.remove('classname');
   }
   

   • elements 查询结果的结果数组。
   • elements[i] 遍历数组中每个元素的当前对象。
   • .classList 返回元素的类属性中包含的classList集合。
   • .remove('classname') 从classList集合中删除特定的类名称。

示例

假设我们现在有一个包含多个类为 'myclass' 的 <div>。我们可以使用以下代码删除所有' myclass` 类：

var elements = document.querySelectorAll('.myclass');
for (var i = 0; i < elements.length; i++) {
    elements[i].classList.remove('myclass');
}

这个小小的技巧可以帮助您简化JavaScript代码。