使用jQuery切换多个元素类

我需要能够在单击元素时切换类。它适用于该元素：

$(".main").click(function() {
    $(this).toggleClass("classA").toggleClass("classB");
});

但我想添加到它，以便为页面上具有特定类的所有元素切换类，比如“togToo”。对于这些元素，我需要在“classC”和“classD”之间切换

我几乎可以肯定，有一种方法可以将它组合成一次点击

---

^^^^^^以上更新答案更新

$(".main").click(function() {
    $(this).toggleClass("classA").toggleClass("classB");
    $('.togToo').toggleClass("classC").toggleClass("classD");
})

---

您可以简单地执行以下操作

$(".classC").toggleClass("ClassD");

---

在“单击”处理程序中，这应该可以实现以下功能：

$(".main").click(function() {
  $(this).toggleClass("classA").toggleClass("classB");
  $(".togToo").toggleClass("classC").toggleClass("classD");
));

---

另外，在切换类时，我建议使用基类和切换类，而不是在两个类之间切换。

为什么不使用jQuery类选择器

$('.togToo').toggleClass("classC").toggleClass("classD");

---

如果要切换的元素从两个类中的一个开始，则可以像这样来回切换：

$('#element_to_click').click( function(){
  $('.togToo').toggleClass('classC classD');
});

---

我是这样做的，有多个类为$（'.img polarioid'）和类为$（'.drag'）的图像，当单击其中一个图像时，它会在将$（'.drag'）添加回所有元素后删除该元素

$('.img-polaroid').click(function(){
    if ($(this).hasClass('drag'))
      {
      $('.img-polaroid').addClass('drag');
      $(this).removeClass('drag');
    }
});

---

如果您正在寻找一种方法来逐个切换多个类，而不是一起切换，我很快编写了一个小脚本，您可以使用：

---

它扩展了一个新的jQuery方法.toggleClasses（），该方法完全满足您的需要。查看它，如果您有改进，可以随意改进：）

您可以一次切换N个类

$(/* selector */).toggleClass('classA classB classC');

---

当我只单击主元素时，我需要切换其他（辅助）元素的类。类选择器需要一个“.”前缀，而且这不会切换类，但它们的可见性可以使用toggleClass来切换classes@Koen你完全正确，我为我的回答感到羞耻：）现在修好了