#id первый встретившийся элемент со значением ID special-id ( только один )
.class Соответствует элементам с именем класса class
a Соответствует всем элементам ссылок (a)
a.class Соответствует всем элементам ссылок (a), у которых есть класс с именем class
.class.special-class Соответствует всем элементам с классом class и классом special-class
$('div.clearfix') все элементы div с классом clearfix
$('div, span') все элементы div и span
ul.my-list > li > a родитель ul содержащий класс my-list , содержащий прямого потомка li , содержащий прямого потомка - a
E F Соответствует всем элементам с именем тега F, которые являются потомками E
E>F Соответствует всем элементам с именем тега F, которые являются прямыми потомками E
E+F Соответствует всем элементам с именем тега F, непосредственно перед которыми на этом же уровне идут E
E~F Соответствует всем элементам с именем тега F, которым на этом же уровне предшествуют E
E[A] Соответствует всем элементам с именем тега E, у которых есть атрибут A с любым значением
E[A='V'] Соответствует всем элементам с именем тега E, у которых есть атрибут A со значением в точности V
E[A^='V'] Соответствует всем элементам с именем тега E, у которых есть атрибут A, чье значение начинается на V
E[A$='V'] Соответствует всем элементам с именем тега E, у которых есть атрибут A, чье значение заканчивается на V
E[A!='V'] Соответствует всем элементам с именем тега E, у которых есть атрибут A, не соответствующий V (не равный V), или вообще отсутствует атрибут A
E[A*='V'] Соответствует всем элементам с именем тега E, у которых есть атрибут A, чье значение содержит V
E[A|='V'] Соответствует всем элементам с именем тега E, у которых есть атрибут A, чье значение равно V или V- (V с последующим дефисом)
E[A~='V'] Соответствует всем элементам с именем тега E, у которых есть атрибут A, чье значение равно V или содержит V, разделенные пробелами
E[C1][C2] Соответствует всем элементам с именем тега E, у которых есть атрибуты, соответствующие критериям C1 и C2
:first Выбирает первое совпадение в пределах контекста. li a:first возвращает первый якорь, являющийся наследником элемента списка
:last Выбирает первое совпадение в пределах контекста. li a:last возвращает последний якорь, являющийся наследником элемента списка
:even Выбирает четные элементы в пределах контекста. li :even возвращает каждый элемент списка с четным индексом
:odd Выбирает нечетные элементы в пределах контекста. li:odd возвращает каждый элемент списка с нечетным индексом
:eq(n) Выбирает n-й совпадающий элемент
:gt(n) Выбирает элементы после n-го совпадающего элемента (n-й элемент исключен)
:lt(n) Выбирает элементы до n-го совпадающего элемента (n-й элемент исключен)
:first-child Соответствует первому элементу-потомку в пределах контекста
:last-child Соответствует последнему элементу-потомку в пределах контекста
:first-of-type Соответствует первому элементу-потомку указанного типа
:last-of-type Соответствует последнему элементу-потомку указанного типа
:nth-child(n)
:nth-child(even|odd)
:nth-child(Xn+Y) Соответствует n-му элементу-потомку, четному или нечетному элементу-потомку или n-му элементу-потомку, определенному по предоставленной формуле, в пределах контекста, основанного на данном параметре
:nth-last-child(n)
:nth-last-child(even|odd)
:nth-last-child(Xn+Y) Соответствует n-му элементу-потомку, четному или нечетному элементу-потомку, или n-му элементу-потомку, определенному по предоставленной формуле, в пределах контекста, считая от последнего до первого элемента, основанного на данном параметре
:nth-of-type(n)
:nth-of-type(even|odd)
:nth-of-type(Xn+Y) Соответствует n-му элементу-потомку, четному или нечетному элементу-потомку, или n-му элементу-потомку своего родителя в отношении к сестринским элементам с тем же именем элемента
:nth-last-of-type(n)
:nth-last-of-type(even|odd)
:nth-last-of-type(Xn+Y) Соответствует n-му элементу-потомку, четному или нечетному элементу-потомку, или n-му элементу-потомку своего родителя в отношении к сестринским элементам с тем же именем элемента, считая от последнего до первого элемента
:only-child Соответствует элементам, у которых нет сестринских элементов
:only-of-type Соответствует элементам, у которых нет сестринских элементов того же типа
:button Выбирает только элементы кнопок (input[type=submit],
input[type=reset], input[type=button] или button)
:checkbox Выбирает только элементы флажков (input[type=checkbox])
:checked Выбирает элементы флажков или переключателей в состоянии checked или option элементов select, находящиеся в выбранном состоянии
:disabled Выбирает только элементы, находящиеся в неактивном состоянии
:enabled Выбирает только элементы, находящиеся в активном состоянии
:file Выбирает только элементы ввода файла (input[type=file])
:focus Выбирает только элементы, у которых есть фокус на момент выполнения селектора
:image Выбирает только элементы изображения (input[type=image])
:input Выбирает только элементы форм (input, select, textarea, button)
:password Выбирает только элементы пароля (input[type=password])
:radio Выбирает только элементы переключателей (input[type=radio])
:reset Выбирает только кнопки reset (input[type=reset] или button[type=reset])
:selected Выбирает только элементы option, находящиеся в выбранном состоянии
:submit Выбирает только кнопки подтверждения формы (button[type=submit] или input[type=submit])
:text Выбирает только элементы текста (input[type=text]) или ввод без указанного типа (поскольку значение по умолчанию type=text)
:contains(text) Выбирает только элементы, содержащие указанный текст (текст в потомках и их потомках также рассматривается)
:empty Выбирает только элементы, у которых нет потомков (включая текстовые узлы)
:has(selector) Выбирает только элементы, содержащие по меньшей мере один элемент, соответствующий указанному селектору
:parent Выбирает только элементы, у которых есть хотя бы один узел-потомок (элемент либо текст)
:animated Выбирает только элементы, которые в настоящее время находятся под управлением анимирования
:header Выбирает только элементы, которые являются заголовками: от <h1> до <h6>
:hidden Выбирает только скрытые элементы
:lang(язык) Выбирает элементы на указанном языке
:not(селектор) Отрицает указанный селектор
:root Выбирает элемент, являющийся корнем документа
:target Выбирает целевой элемент, указанный по идентификатору фрагмента в URI документа
:visible Выбирает только видимые элементы
| .class | .intro | Selects all elements with class="intro" |
| .class1.class2 | .name1.name2 | Selects all elements with both name1 and name2 set within its class attribute |
| .class1 .class2 | .name1 .name2 | Selects all elements with name2 that is a descendant of an element with name1 |
| #id | #firstname | Selects the element with id="firstname" |
| * | * | Selects all elements |
| element | p | Selects all <p> elements |
| element.class | p.intro | Selects all <p> elements with class="intro" |
| element,element | div, p | Selects all <div> elements and all <p> elements |
| element element | div p | Selects all <p> elements inside <div> elements |
| element>element | div > p | Selects all <p> elements where the parent is a <div> element |
| element+element | div + p | Selects the first <p> element that is placed immediately after <div> elements |
| element1~element2 | p ~ ul | Selects every <ul> element that is preceded by a <p> element |
| [attribute] | [target] | Selects all elements with a target attribute |
| [attribute=value] | [target="_blank"] | Selects all elements with target="_blank" |
| [attribute~=value] | [title~="flower"] | Selects all elements with a title attribute containing the word "flower" |
| [attribute|=value] | [lang|="en"] | Selects all elements with a lang attribute value equal to "en" or starting with "en-" |
| [attribute^=value] | a[href^="https"] | Selects every <a> element whose href attribute value begins with "https" |
| [attribute$=value] | a[href$=".pdf"] | Selects every <a> element whose href attribute value ends with ".pdf" |
| [attribute*=value] | a[href*="w3schools"] | Selects every <a> element whose href attribute value contains the substring "w3schools" |
| :active | a:active | Selects the active link |
| ::after | p::after | Insert something after the content of each <p> element |
| ::before | p::before | Insert something before the content of each <p> element |
| :checked | input:checked | Selects every checked <input> element |
| :default | input:default | Selects the default <input> element |
| :disabled | input:disabled | Selects every disabled <input> element |
| :empty | p:empty | Selects every <p> element that has no children (including text nodes) |
| :enabled | input:enabled | Selects every enabled <input> element |
| :first-child | p:first-child | Selects every <p> element that is the first child of its parent |
| ::first-letter | p::first-letter | Selects the first letter of every <p> element |
| ::first-line | p::first-line | Selects the first line of every <p> element |
| :first-of-type | p:first-of-type | Selects every <p> element that is the first <p> element of its parent |
| :focus | input:focus | Selects the input element which has focus |
| :fullscreen | :fullscreen | Selects the element that is in full-screen mode |
| :hover | a:hover | Selects links on mouse over |
| :in-range | input:in-range | Selects input elements with a value within a specified range |
| :indeterminate | input:indeterminate | Selects input elements that are in an indeterminate state |
| :invalid | input:invalid | Selects all input elements with an invalid value |
| :lang(language) | p:lang(it) | Selects every <p> element with a lang attribute equal to "it" (Italian) |
| :last-child | p:last-child | Selects every <p> element that is the last child of its parent |
| :last-of-type | p:last-of-type | Selects every <p> element that is the last <p> element of its parent |
| :link | a:link | Selects all unvisited links |
| ::marker | ::marker | Selects the markers of list items |
| :not(selector) | :not(p) | Selects every element that is not a <p> element |
| :nth-child(n) | p:nth-child(2) | Selects every <p> element that is the second child of its parent |
| :nth-last-child(n) | p:nth-last-child(2) | Selects every <p> element that is the second child of its parent, counting from the last child |
| :nth-last-of-type(n) | p:nth-last-of-type(2) | Selects every <p> element that is the second <p> element of its parent, counting from the last child |
| :nth-of-type(n) | p:nth-of-type(2) | Selects every <p> element that is the second <p> element of its parent |
| :only-of-type | p:only-of-type | Selects every <p> element that is the only <p> element of its parent |
| :only-child | p:only-child | Selects every <p> element that is the only child of its parent |
| :optional | input:optional | Selects input elements with no "required" attribute |
| :out-of-range | input:out-of-range | Selects input elements with a value outside a specified range |
| ::placeholder | input::placeholder | Selects input elements with the "placeholder" attribute specified |
| :read-only | input:read-only | Selects input elements with the "readonly" attribute specified |
| :read-write | input:read-write | Selects input elements with the "readonly" attribute NOT specified |
| :required | input:required | Selects input elements with the "required" attribute specified |
| :root | :root | Selects the document's root element |
| ::selection | ::selection | Selects the portion of an element that is selected by a user |
| :target | #news:target | Selects the current active #news element (clicked on a URL containing that anchor name) |
| :valid | input:valid | Selects all input elements with a valid value |
| :visited | a:visited | Selects all visited links |