Категория: Селекторы

Заимствуя у CSS 1–3 и добавляя свои собственные инструменты, jQuery предоставляет мощный набор средств для сопоставления набора элементов в документе.

Чтобы использовать любой из метасимволов (таких как !"#$%&'()*+,./:;<=>?@[\]^`{|}~) в качестве буквальной части имени, его необходимо экранировать двумя обратными косыми чертами: \\. Например, элемент с id="foo.bar", может использовать селектор $("#foo\\.bar"). Спецификация CSS W3C содержит полный набор правил, касающихся допустимых CSS-селекторов. Также полезной является запись в блоге Матиаса Бинена о CSS-последовательностях экранирования символов для идентификаторов.

Все селектор (“*”)

Выбирает все элементы.

:animated Селектор

Выбирает все элементы, которые находятся в процессе анимации в момент выполнения селектора.

Селектор атрибута, содержащий префикс [name|=”value”]

Выбирает элементы, у которых указанный атрибут имеет значение, равное заданной строке, или начинающееся с этой строки, за которой следует дефис (-).

Селектор атрибута, содержащий [name*=”value”]

Выбирает элементы, у которых указанный атрибут содержит заданную подстроку.

Селектор атрибута, содержащий слово [name~=”value”]

Выбирает элементы, у которых указанный атрибут содержит заданное слово, разделенное пробелами.

Селектор атрибута, заканчивающийся на [name$=”value”]

Выбирает элементы, у которых указанный атрибут заканчивается точно заданной строкой. Сравнение чувствительно к регистру.

Селектор атрибута, равный [name=”value”]

Выбирает элементы, у которых указанный атрибут точно равен определенному значению.

Селектор атрибута, не равный [name!=”value”]

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

Селектор атрибута, начинающийся с [name^=”value”]

Выбирает элементы, у которых указанный атрибут начинается точно с заданной строки.

:button Селектор

Выбирает все элементы button и элементы типа button.

:checkbox Селектор

Выбирает все элементы типа checkbox.

:checked Селектор

Сопоставляет все элементы, которые отмечены или выбраны.

Селектор потомков (“родитель > потомок”)

Выбирает все непосредственные дочерние элементы, указанные как «потомок», элементов, указанных как «родитель».

Селектор класса (“.class”)

Выбирает все элементы с заданным классом.

:contains() Селектор

Выбирает все элементы, содержащие указанный текст.

Селектор потомков (“предок потомок”)

Выбирает все элементы, являющиеся потомками заданного предка.

:disabled Селектор

Выбирает все отключенные элементы.

Селектор элемента (“элемент”)

Выбирает все элементы с заданным именем тега.

:empty Селектор

Выбирает все элементы, у которых нет дочерних элементов (включая текстовые узлы).

:enabled Селектор

Выбирает все включенные элементы.

:eq() Селектор

Выбирает элемент с индексом n в наборе сопоставленных элементов.

:even Селектор

Выбирает четные элементы, нумерация с нуля. См. также :odd.

:file Селектор

Выбирает все элементы типа file.

:first-child Селектор

Выбирает все элементы, являющиеся первым дочерним элементом своего родителя.

:first-of-type Селектор

Выбирает все элементы, являющиеся первыми среди элементов-братьев с одинаковым именем элемента.

END_OF_DOCUMENT_MARKER

:first Селектор

Выбирает первый совпавший элемент DOM.

:focus Селектор

Выбирает элемент, если он в данный момент имеет фокус.

:gt() Селектор

Выбирает все элементы с индексом, большим чем index в наборе совпадений.

Селектор атрибута [name]

Выбирает элементы, у которых есть указанный атрибут с любым значением.

:has() Селектор

Выбирает элементы, которые содержат по крайней мере один элемент, соответствующий указанному селектору.

:header Селектор

Выбирает все элементы, являющиеся заголовками, такие как h1, h2, h3 и так далее.

:hidden Селектор

Выбирает все скрытые элементы.

Селектор ID (“#id”)

Выбирает единственный элемент с заданным атрибутом id.

:image Селектор

Выбирает все элементы типа изображение.

:input Селектор

Выбирает все элементы input, textarea, select и button.

:lang() Селектор

Выбирает все элементы указанного языка.

:last-child Селектор

Выбирает все элементы, являющиеся последними дочерними элементами своего родителя.

:last-of-type Селектор

Выбирает все элементы, которые являются последними среди своих элементов-братьев с тем же именем элемента.

:last Селектор

Выбирает последний совпавший элемент.

:lt() Селектор

Выбирает все элементы с индексом, меньшим чем index в наборе совпадений.

Селектор нескольких атрибутов [name=”value”][name2=”value2”]

Совпадает с элементами, которые соответствуют всем заданным фильтрам атрибутов.

Селектор множества (“selector1, selector2, selectorN”)

Выбирает объединённые результаты всех указанных селекторов.

Следующий смежный селектор (“prev + next”)

Выбирает все следующие элементы, соответствующие “next”, которые непосредственно предшествуют элементу-брату “prev”.

Селектор следующих братьев (“prev ~ siblings”)

Выбирает все элементы-братья, следующие за элементом “prev”, имеющие того же родителя и соответствующие фильтрующему селектору “siblings”.

:not() Селектор

Выбирает все элементы, которые не соответствуют заданному селектору.

:nth-child() Селектор

Выбирает все элементы, которые являются n-м дочерним элементом своего родителя.

:nth-last-child() Селектор

Выбирает все элементы, которые являются n-м дочерним элементом своего родителя, считая от последнего элемента к первому.

:nth-last-of-type() Селектор

Выбирает все элементы, которые являются n-м дочерним элементом своего родителя по отношению к элементам-братьям с тем же именем элемента, считая от последнего элемента к первому.