使用jQuery选择多个类

Question

我看起来很好看，似乎无法找到如何在一个jQuery选择器语句中选择匹配某些类的所有元素，如下所示：

$('.myClass', '.myOtherClass').removeClass('theclass');

关于如何实现这一目标的任何想法？唯一的另一种选择是

$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');

但是我正在用很多类来做这个，所以它需要很多代码。

Answer 1

这应该有效：

$('.myClass, .myOtherClass').removeClass('theclass');

你必须在$（）的第一个参数中添加多个选择器，否则你给jQuery一个上下文来搜索，这不是你想要的。

它和你在CSS中一样。

Answer 2

你试过这个吗？

$('.myClass, .myOtherClass').removeClass('theclass');

Answer 3

我使用$('.myClass.myOtherClass').removeClass('theclass');

Answer 4

// Due to this Code ): Syntax problem.    
$('.myClass', '.myOtherClass').removeClass('theclass'); 

根据jQuery文档： https://api.jquery.com/multiple-selector/

何时可以以这种方式选择多个班级

jQuery(“selector1, selector2, selectorN”) // double Commas. // IS valid.
jQuery('selector1, selector2, selectorN') // single Commas. // Is valid.

通过将所有选择器都包含在单个“ ...”或双逗号“ ...”中

因此，在您的情况下，调用多个类的正确方法是：

$('.myClass', '.myOtherClass').removeClass('theclass'); // your Code // Invalid.
$('.myClass , .myOtherClass').removeClass('theclass');  // Correct Code // Is valid.