使用 jQuery 选择多个类

Question

我仔细看了看，似乎不知道如何在一个 jQuery 选择器语句中选择与某些类匹配的所有元素，例如：

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

关于如何实现这一目标的任何想法？唯一的其他选择是做

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

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

Answer 1

// 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.

Answer 2

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

Answer 3

你试过了吗？

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

Answer 4

这应该可行：

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

您必须将多个选择器全部添加到 $() 的第一个参数中，否则您将给 jQuery 一个用于搜索的上下文，这不是您想要的。

这与您在 CSS 中所做的相同。