如何在 CSS 列表中移除点？

在 CSS 中，我们可以使用点符号 . 来表示 class，但有时候我们需要把一个 class 从一个元素中移除，该怎么办呢？本文将为您介绍如何使用 JavaScript 和 jQuery 在 CSS 列表中移除点。

使用 JavaScript 移除点

我们可以使用 JavaScript 来移除 CSS 列表中的点。具体来说，我们需要使用 classList，它是一个只读属性，返回一个元素的 class 列表的实时 DOMTokenList 集合。

以下是使用 JavaScript 移除 CSS 列表中的点的代码片段：

const element = document.querySelector('#myElement');
const className = 'myClass';
element.classList.remove(className);

• element 变量是选中要从中移除 class 的元素；
• className 变量是要从元素中移除的 CSS 类的名称。

使用 jQuery 移除点

如果您的项目使用了 jQuery，那么您可以使用 jQuery 的 removeClass() 方法来移除 CSS 列表中的点。

以下是使用 jQuery 移除 CSS 列表中的点的代码片段：

const $element = $('#myElement');
const className = 'myClass';
$element.removeClass(className);

• $element 变量是选中要从中移除 class 的元素；
• className 变量是要从元素中移除的 CSS 类的名称。

结论

通过本文，您学习了如何使用 JavaScript 和 jQuery 在 CSS 列表中移除点。现在，您可以在您的项目中使用这些技术来管理您的 CSS 类。