在 jQuery 中添加和删除多个类

在 jQuery 中，添加和删除多个类是很常见的需求。通过操作元素的class属性，可以轻松地添加或删除元素的类。

添加类

要在 jQuery 中添加一个或多个类，可以使用addClass()方法。该方法接受一个或多个类作为参数（类名之间用空格分隔），并将它们添加到元素的class属性中。

$('#my-element').addClass('class1 class2');

上面的代码将给ID为my-element的元素添加class1和class2两个类。

删除类

要在 jQuery 中删除一个或多个类，可以使用removeClass()方法。该方法接受一个或多个类作为参数（类名之间用空格分隔），并将它们从元素的class属性中删除。

$('#my-element').removeClass('class1 class2');

上面的代码将从ID为my-element的元素中删除class1和class2两个类。

切换类

要在 jQuery 中切换一个或多个类，可以使用toggleClass()方法。如果元素已经存在指定的类，则该类将被删除；否则，该类将被添加。

$('#my-element').toggleClass('class1 class2');

上面的代码将在ID为my-element的元素中切换class1和class2两个类。

多个元素添加或删除类

如果要添加或删除多个元素的类，可以使用each()方法来遍历元素并执行相应的操作。

$('.my-elements').each(function() {
  $(this).addClass('my-class');
});

上面的代码将给所有类为my-elements的元素添加my-class类。

$('.my-elements').each(function() {
  $(this).removeClass('my-class');
});

上面的代码将从所有类为my-elements的元素中删除my-class类。

希望以上介绍能够帮助你更好地在 jQuery 中添加和删除多个类。