我想选择具有这两个类的所有元素 a 和 b。
<element class="a b">
所以，只有拥有的元素 都 类。
我用的时候 $(".a, .b") 它给了我联盟，但我想要交集。
我想选择具有这两个类的所有元素 a 和 b。
<element class="a b">
所以，只有拥有的元素 都 类。
我用的时候 $(".a, .b") 它给了我联盟，但我想要交集。
如果你想要一个交集，只需将选择器一起写 没有空格 在之间。
$('.a.b')
所以对于ID为的元素 a 与课程 b 和 c，你会写：
$('#a.b.c')
你可以使用 filter() 功能：
$(".a").filter(".b")
对于这种情况
<element class="a">
<element class="b c">
</element>
</element>
你需要在它们之间放一个空格 .a 和 .b.c
$('.a .b.c')
你遇到的问题是，你正在使用 Group Selector，而你应该使用 Multiples selector！更具体地说，你正在使用 $('.a, .b') 而你应该使用 $('.a.b')。
有关更多信息，请参阅下面组合选择器的不同方法的概述！
全选 <h1> 元素和所有 <p> 元素和所有 <a> 要素：
$('h1, p, a')
全选 <input> 要点 type text，有课程 code 和 red ：
$('input[type="text"].code.red')
全选 <i> 里面的元素 <p> 内容：
$('p i')
全选 <ul> 作为直系儿童的元素 <li> 元件：
$('li > ul')
全选 <a> 紧接着放置的元素 <h2> 内容：
$('h2 + a')
全选 <span> 作为兄弟姐妹的元素 <div> 内容：
$('div ~ span')
$('.a .b , .a .c').css('border', '2px solid yellow');
//selects b and c<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="a">a
<div class="b">b</div>
<div class="c">c</div>
<div class="d">d</div>
</div>Vanilla JavaScript解决方案： -
document.querySelectorAll('.a.b')
只需提及元素的另一个案例：
例如。 <div id="title1" class="A B C">
只需输入： $("div#title1.A.B.C")