javascript - 使用 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.