jQuery селекторы

Низкоуровневый поиск и проверка элементов описаны в статье $.find(). Там же показаны фильтрация массива через matches(), проверка одного элемента через matchesSelector() и собственные псевдоклассы через $.expr.

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

Выбор выполняется через $(): $(".card") создаёт коллекцию найденных элементов. Необязательный контекст ограничивает область поиска; методы .find() и .filter() уточняют выбор относительно уже полученного набора.

jQuery поддерживает CSS-селекторы и собственные расширения, например :contains() и :input. Расширения jQuery нельзя напрямую передавать браузерному querySelectorAll(). Для необычного имени класса или идентификатора используйте $.escapeSelector().

Примеры используют jQuery 4.0.0. Позиционные расширения :first, :last, :eq(), :even, :odd, :lt() и :gt() устарели, но не удалены: предпочитайте методы коллекции. CSS :first-child и :nth-child() к этой группе не относятся и считают положение среди детей родителя, а не индекс коллекции.