jQuery 中 addClass() 和 removeClass() 方法介绍

什么是 jQuery

jQuery 是一个著名的 JavaScript 库, 它简化了 JavaScript 与 HTML 的操作。通过使用 jQuery, 我们可以使用更少的代码来实现更多的功能。

addClass() 方法

jQuery 中的 addClass() 方法用于向 HTML 元素追加一个或多个类名。语法如下:

$(selector).addClass(className);

• selector: 必需，用于规定要添加类名的元素。例如： #myDiv,.myClass等。
• className: 必需，指定要添加到元素中的一个或多个类名。多个类名可以用空格分隔。

例如，如果我们想将 ID 为 myDiv 的元素追加类名 red 和 bold，代码如下：

$("#myDiv").addClass("red bold");

removeClass() 方法

jQuery 中的 removeClass() 方法用于删除 HTML 元素的一个或多个类名。语法如下：

$(selector).removeClass(className);

• selector: 必需，用于规定要删除类名的元素。例如： #myDiv,.myClass等。
• className: 可选，指定要从元素中删除的一个或多个类名。多个类名可以用空格分隔。如果未指定，则将从元素中删除所有类名。

例如，如果我们想删除 ID 为 myDiv 的元素的类名 red 和 bold，代码如下：

$("#myDiv").removeClass("red bold");

总结

• addClass() 和 removeClass() 方法是 jQuery 中用于操作 HTML 元素类名的重要方法。
• 可以使用 addClass() 方法向元素添加一个或多个类名。
• 可以使用 removeClass() 方法从元素中删除一个或多个类名。
• 必要时可以使用空格分隔多个类名。
• 可以使用 jQuery 的选择器来选择要操作的元素。

以上就是关于 jQuery 的 addClass() 和 removeClass() 函数的介绍。