Я хочу выбрать все элементы, которые имеют два класса a и b Глядя на вывод

<element class="a b">

Итак, только элементы, которые имеют { *} занятия. обоих Когда я использую

, это дает мне объединение, но я хочу пересечение. $(".a, .b") Если вы хотите сопоставлять только элементы с

без пробелов обоих . Нет никаких причин использовать его, если вы не знаете, что делаете, и, вероятно, не знаете. между ними: Порядок не имеет значения, поэтому вы также можете поменять местами классы:

$('.a.b')

Таким образом, чтобы сопоставить

$('.b.a')

с классы div кросс-браузере со знаком a, вы бы написали: b и c (На практике вам, скорее всего, не нужно получать эту конкретную информацию, и обычно достаточно одного идентификатора или селектора классов:

$('div#a.b.c')

(На практике вы, скорее всего, не нужно получить это конкретное, и обычно достаточно идентификатора или селектора класса: $('#a').)

Вы можете сделать это, используя 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> позволяет объявлять переменные, ограниченные по области действия блоком, оператором или выражением, в котором он используется. Это не похоже на примечание typetext Селектор потомков: «» (пробел) code и red, тогда нам нужно привязать контекст к внутренней функции.

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

Дочерний Селектор: «& Gt ;»

: <i> Проверка формы с помощью клиентской проверки jQuery и передача данных в <p> elements:

$('p i')

элементы, которые являются непосредственными потомками элемента

: <ul>: <li> Селектор смежных братьев и сестер: «»

$('li > ul')

элементы, которые размещаются сразу после

: <a> elements: <h2> General Sibling Selector: «~»

$('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: — <div id="title1" class="A B C">

Просто введите: $("div#title1.A.B.C")

Для повышения производительности вы можете использовать

document.querySelectorAll('.a.b')

. Итак, в вашем случае вы попробовали селектор группы, тогда как вместо этого используется

$('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;}

В Html Put Code, как

body, th, td {font-size: 12px; font-family: arial, helvetica, sans-serif;}

, вместо этого используйте

$(".a, .b") 

. Вы можете использовать метод

$(".a.b") 

. Вам не нужно jQuery для этого

закрытии JavaScript внутри циклов — простой практический пример — переполнение стека Vanilla, что вы можете сделать:

document.querySelectorAll('.a.b')

за то, что вы хотите. getElementsByClassName() Это также самое быстрое решение. вы можете увидеть эталон этого

var elems = document.getElementsByClassName("a b c");
elems[0].style.color = "green";
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>

javascript — зачем вам нужно вызывать анонимную функцию в той же строке? — Переполнение стека говорится, что Глядя на вывод