jQuery групповой селектор

Определение и применение

jQuery групповой селектор позволяет выбрать группу селекторов, в которую могут входить как селекторы типа, селекторы класса, id селекторы и так далее. При перечислении любых селекторов необходимо обязательно разделять их запятой.

jQuery синтаксис:

JavaScript

$("selector1, selector2, selectorN")

Добавлен в версии jQuery

1.0

Селектор в CSS

CSS групповой селектор.

Пример использования

Групповой селектор — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 4.0.0.

index.html

HTML

<p id="test">Абзац, который имеет глобальный атрибут id со значением test.</p>
<p class="test">Абзац, который имеет глобальный атрибут class со значением test.</p>
<p>Абзац, который <span>ничего</span> не имеет.</p>

main.js

JavaScript

$(document).ready(function () {
    $('#test, .test, span').css('color', 'red') // выбирает элементы с идентификатором test, классом test и все элементы <span>
})

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

В этом примере с использованием группового селектора jQuery мы выбрали все элементы с идентификатором test, классом test и все элементы <span>.