我想选择具有两个类a和b的所有元素。
<element class="a b">
因此,只有同时具有这两个类的元素。
当我使用$(“.a,.b”)时,它给了我并集,但我想要交集。
我想选择具有两个类a和b的所有元素。
<element class="a b">
因此,只有同时具有这两个类的元素。
当我使用$(“.a,.b”)时,它给了我并集,但我想要交集。
当前回答
如果您希望只匹配两个类的元素(交集,如逻辑AND),只需将选择器写在一起,其间不留空格:
$('.a.b')
顺序不相关,因此您也可以交换类:
$('.b.a')
因此,要将ID为a的div元素与类b和c相匹配,您可以编写:
$('div#a.b.c')
(在实践中,您很可能不需要获得特定的ID,而ID或类选择器本身通常就足够了:$(“#a”)。)
其他回答
为了获得更好的性能,您可以使用
$('div.a.b')
这将只查看div元素,而不是单步查看页面上的所有html元素。
组选择器
body {font-size: 12px; }
body {font-family: arial, helvetica, sans-serif;}
th {font-size: 12px; font-family: arial, helvetica, sans-serif;}
td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
变成这样:
body, th, td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
因此,在您的案例中,您尝试了组选择器,而它是一个交叉点
$(".a, .b")
而是使用这个
$(".a.b")
Vanilla JavaScript解决方案:-
document.querySelectorAll('.a.b')
$('.a.b,.a.c').css('订单','2px实心黄色');//选择b和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>
代码$(“.a,.b”)将同时适用于以下多个元素
<element class="a">
<element class="b">
如果您想选择同时具有a和b类的元素,如<element class=“a b”>,请使用不带逗号的js
$('.a.b')