jQuery 如何添加和删除多个类

为了在jQuery中添加和删除多个类，我们需要使用.addClass()和.removeClass()函数，它们可以一次添加或删除多个类。

添加多个类

我们可以使用.addClass()函数来添加多个类。该函数采用空格分隔的类列表作为参数，如下所示：

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

例如，给id为example的元素同时添加三个类：.red、.bold、.underline，代码如下：

$("#example").addClass("red bold underline");

删除多个类

类似地，我们可以使用.removeClass()函数来删除多个类。该函数采用空格分隔的类列表作为参数，如下所示：

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

例如，删除id为example的元素中的三个类：.red、.bold、.underline，代码如下：

$("#example").removeClass("red bold underline");

除了.addClass()和.removeClass()外，还可以使用.toggleClass()函数来切换元素的多个类。这个函数将在元素上添加/删除类，具体取决于这个类当前是否适用于该元素。

例如，在单击一个按钮时，我们可以通过.toggleClass()函数来交替添加或删除两个类：.red和.green，代码如下：

$(document).ready(function(){
  $("button").click(function(){
    $("#example").toggleClass("red green");
  });
});

上述代码中，当我们单击button元素时，类.red和.green会交替地添加或删除。