如何按类隐藏 JavaScript 元素

在 JavaScript 中，通过添加类名来隐藏元素是一种非常常见的操作。以下是几种按类隐藏元素的方法：

方法一：使用 CSS

可以使用 CSS 将指定类名的元素隐藏起来。首先，在样式表中添加以下代码：

.hide {
  display: none;
}

然后，在 JavaScript 中使用以下代码将需要隐藏的元素添加类名即可：

element.classList.add('hide');

方法二：使用 jQuery

使用 jQuery 隐藏元素需要先引入 jQuery 库。可以使用以下代码将元素隐藏起来：

$('.class-name').hide();

方法三：使用原生 JavaScript

使用纯 JavaScript 需要获取元素并将其 style 属性的 display 设置为 none。以下是通过类名获取元素并隐藏它们的示例代码：

var elementsToHide = document.querySelectorAll('.class-name');

for (var i = 0; i < elementsToHide.length; i++) {
  elementsToHide[i].style.display = 'none';
}

以上三种方法都可以按类隐藏 JavaScript 元素，根据自己的实际情况选择适合自己的方法即可。