我想选择具有两个类a和b的所有元素。

<element class="a b">

因此,只有同时具有这两个类的元素。

当我使用$(“.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')

您可以根据需要使用getElementsByClassName()方法。

var elems=document.getElementsByClassName(“a b c”);elems[0].style.color=“绿色”;console.log(elems[0]);<ul><li class=“a”>a</li><li class=“a b”>a,b</li><li class=“a b c”>a、b、c</li></ul>

这也是最快的解决方案。你可以在这里看到一个基准。

下面的示例将向您介绍如何在一行中同时选择多个嵌套类选择器和直接类选择器

//以下是选择器的说明//.a.b.c=选择div a和b内部的嵌套子c//.a.d=选择div a内部的嵌套子d//.f=选择直接元素,即div f,它在div a和b之外$('.a.b.c,.a.d,.f').css('背景颜色','灰色');<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 class=“c”>c</div></div><div class=“d”>d</div></div><div class=“e”>e</div><div class=“f”>f</div>

可以使用filter()函数执行此操作:

$(".a").filter(".b")

为了获得更好的性能,您可以使用

$('div.a.b')

这将只查看div元素,而不是单步查看页面上的所有html元素。