如何在 jQuery 中添加或删除类？

在 jQuery 中，可以使用addClass()和removeClass()函数来添加或删除类。

添加类

使用addClass()函数来向元素添加一个或多个类。以下是用法：

$(selector).addClass(className);

其中，selector是要添加类的元素的选择器；className是要添加的一个或多个类名，用空格分隔。

例如，以下代码将向所有<p>元素添加myClass类：

$("p").addClass("myClass");

如果要向元素添加多个类，可以用空格将它们分隔开。例如：

$("p").addClass("myClass1 myClass2");

删除类

使用removeClass()函数来从元素中删除一个或多个类。以下是用法：

$(selector).removeClass(className);

其中，selector是要删除类的元素的选择器；className是要删除的一个或多个类名，用空格分隔。

例如，以下代码将从所有<p>元素中删除myClass类：

$("p").removeClass("myClass");

如果要删除多个类，可以用空格将它们分隔开。例如：

$("p").removeClass("myClass1 myClass2");

切换类

使用toggleClass()函数来切换元素的类。如果元素已经有指定的类，则该类会被删除；如果元素没有指定的类，则该类会被添加。以下是用法：

$(selector).toggleClass(className);

其中，selector是要切换类的元素的选择器；className是要切换的一个或多个类名，用空格分隔。

例如，以下代码将向所有<p>元素切换myClass类：

$("p").toggleClass("myClass");

如果要切换多个类，可以用空格将它们分隔开。例如：

$("p").toggleClass("myClass1 myClass2");

总结

现在你知道了如何在 jQuery 中添加或删除类。使用addClass()函数来添加类，使用removeClass()函数来删除类，使用toggleClass()函数来切换类。这三个函数是 jQuery 中常用的类操作函数，值得程序员们掌握。