您可以根据需要使用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>

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

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

$('div.a.b')

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

代码$（“.a，.b”）将同时适用于以下多个元素

<element class="a">
<element class="b">

如果您想选择同时具有a和b类的元素，如＜element class＝“a b”＞，请使用不带逗号的js

$('.a.b')

组选择器

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") 

您可以根据需要使用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>

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

您遇到的问题是，您使用的是Group Selector，而您应该使用Multiples选择器！更具体地说，您使用的是$（'.a，.b'），而应该使用$（'.a.b'）。

有关更多信息，请参阅下面组合选择器的不同方法概述！

组选择器：“，”

选择所有＜h1＞元素和所有＜p＞元素以及所有＜a＞元素：

$('h1, p, a')

倍数选择器：“”（无字符）

选择文本类型的所有＜input＞元素，类代码和红色：

$('input[type="text"].code.red')

下降选择器：“”（空格）

选择<p>元素中的所有<i>元素：

$('p i')

子选择器：“>”

选择作为<li>元素的直接子元素的所有<ul>元素：

$('li > ul')

相邻同级选择器：“+”

选择紧挨在<h2>元素之后的所有<a>元素：

$('h2 + a')

通用同级选择器：“~”

选择所有＜div＞元素的同级＜span＞元素：

$('div ~ span')