添加/删除类的 jQuery 方法

在 jQuery 中，我们可以使用 addClass() 和 removeClass() 方法来添加或删除元素的类。

addClass() 方法

addClass() 方法用于向指定的元素添加一个或多个类。语法如下：

$(selector).addClass(class1 class2 ...);

其中，selector 是用于选择要添加类的元素的 jQuery 选择器表达式；class1、class2 等是要添加的类名（多个类名用空格分隔）。

下面是一个例子，假设我们有如下 HTML 代码：

<p id="my-para">这是一个段落</p>

我们可以使用以下代码向该段落添加一个 highlight 类：

$("#my-para").addClass("highlight");

如果要添加多个类，可以将它们以空格分隔，如：

$("#my-para").addClass("highlight large-font");

这将向该段落添加 highlight 和 large-font 两个类。

removeClass() 方法

removeClass() 方法用于从指定的元素中删除一个或多个类。语法如下：

$(selector).removeClass(class1 class2 ...);

其中，selector 是用于选择要删除类的元素的 jQuery 选择器表达式；class1、class2 等是要删除的类名（多个类名用空格分隔）。

下面是一个例子，假设我们有如下 HTML 代码：

<p id="my-para" class="highlight large-font">这是一个段落</p>

我们可以使用以下代码从该段落中删除 large-font 类：

$("#my-para").removeClass("large-font");

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

$("#my-para").removeClass("highlight large-font");

这将从该段落中删除 highlight 和 large-font 两个类。

总结

通过 addClass() 和 removeClass() 方法，我们可以方便地向元素中添加或删除一个或多个类，从而改变元素的样式或行为。