只需提及另一个带有元素的案例：

例如<div id=“title1”class=“A B C”>

只需键入：$（“div#title1.A.B.C”）

可以使用filter（）函数执行此操作：

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

这不需要jQuery

在Vanilla，您可以做到：

document.querySelectorAll('.a.b')

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

//以下是选择器的说明//.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>

$（'.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>

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

$('div.a.b')

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