在 jQuery 中添加和删除类 - JavaScript

在 JavaScript 中使用 jQuery 库，可以很方便地添加和删除元素的类。类在网页开发中非常常见，用于添加样式、实现动画效果以及控制元素的行为等。

添加类

可以使用 addClass() 方法来向元素添加类。下面是一个例子：

// 获取元素并添加类
$('#myElement').addClass('highlight');

上述代码会向 id 为 myElement 的元素添加 highlight 类。现在，该元素将具有被称为 highlight 的样式。

删除类

可以使用 removeClass() 方法来从元素中移除类。下面的例子演示了如何删除一个类：

// 获取元素并删除类
$('#myElement').removeClass('highlight');

上述代码会从 id 为 myElement 的元素中移除 highlight 类。这样，该元素将不再具有 highlight 样式。

切换类

除了添加或删除类，还可以使用 toggleClass() 方法来切换类。这意味着，如果元素已经具有该类，则移除它；如果元素没有该类，则添加它。

下面的例子演示了如何使用 toggleClass() 方法：

// 获取元素并切换类
$('#myElement').toggleClass('highlight');

上述代码会切换 id 为 myElement 的元素的 highlight 类。如果元素已经具有 highlight 类，则该类将被移除；如果元素没有 highlight 类，则该类将被添加。

以上便是在 jQuery 中添加和删除类的方法。这些方法非常实用且易于使用，可帮助你在开发网页时轻松控制元素的样式和行为。

参考链接：jQuery addClass(), jQuery removeClass(), jQuery toggleClass()