| Селектор | Пример | Выбирает |
|---|---|---|
| * | $("*") | Все элементы |
| #id | $("#stn") | Элемент с id="stn" |
| .class | $(".ntr") | Все элементы с class="ntr" |
| .class,.class | $(".ntr,.dmo") | Все элементы с class "ntr" или "dmo" |
| element | $("p") | Все <p> элементы |
| el1,el2,el3 | $("h2,h4,span,p") | Все <h2>, <h4>, <span> и <p> элементы |
| :first | $("p:first") | Первый <p> элемент |
| :last | $("p:last") | Последний <p> элемент |
| :even | $("tr:even") | Все четные <tr> элементы |
| :odd | $("tr:odd") | Все нечетные <tr> элементы |
| :first-child | $("p:first-child") | Все <p> элементы первого дочернего элемента родителя |
| :first-of-type | $("p:first-of-type") | Все <p> элементы, которые являются первыми <p> их родительского элемента |
| :last-child | $("p:last-child") | Все <p> элементы, которые являются последним дочерним элементом своего родителя |
| :last-of-type | $("p:last-of-type") | Все <p> элементы последнего <p> их родительского элемента |
| :nth-child(n) | $("p:nth-child(2)") | Все <p> элементы, на 2-го дочернего элемента родителя |
| :nth-last-child(n) | $("p:nth-last-child(2)") | <p> элементы 2-го дочернего элемента родителей, считая от последнего дочернего элемента |
| :nth-of-type(n) | $("p:nth-of-type(2)") | Все <p> элементы 2 <p> их родительского элемента |
| :nth-last-of-type(n) | $("p:nth-last-of-type(2)") | Все <p> элементы 2 <p> родителей, считая от последнего дочернего элемента |
| :only-child | $("p:only-child") | Все <p> элементы, которые являются единственным дочерним элементом родителей |
| :only-of-type | $("p:only-of-type") | Все <p> элементы, которые являются единственным дочерним элементом родителей |
| parent > child | $("div > p") | Все <p> элементы, которые являются прямым потомком <div> элемента |
| parent descendant | $("div p") | Все <p> элементы, которые являются потомками <div> элемента |
| element_next | $("div + p") | <p> элементов, которые находятся рядом друг с <div> элементом |
| element ~ siblings | $("div ~ p") | Все <p> элементы, дочерние с <div> элементом |
| :eq(index) | $("ul li:eq(3)") | Четвертый элемент в списке (индекс начинается с 0) |
| :gt(no) | $("ul li:gt(3)") | Элементы списка с индексом, больше, чем 3 |
| :lt(no) | $("ul li:lt(3)") | Элементы списка с индексом менее 3 |
| :not(selector) | $("input:not(:empty)") | Все входные элементы, которые не являются пустыми |
| :header | $(":header") | Все элементы заголовка <h1>, <h2> ... |
| :animated | $(":animated") | Все анимированные элементы |
| :focus | $(":focus") | Элемент, который в данный момент имеет фокус |
| :contains(text) | $(":contains('script')") | Все элементы, которые содержит текст "script" |
| :has(selector) | $("div:has(p)") | Все <div> элементы, <p> элемент |
| :empty | $(":empty") | Все элементы, которые являются пустыми |
| :parent | $(":parent") | Все элементы, которые находятся у родителя другого элемента |
| :hidden | $("p:hidden") | Все скрытые абзацы <p> элементы |
| :visible | $("table:visible") | Все видимые таблицы |
| :root | $(":root") | В корневой элемент документа |
| :lang(language) | $("p:lang(it)") | Все <p> элементы с атрибут lang значение, начиная с "it" |
| [attribute] | $("[href]") | Все элементы с атрибутом href |
| [attribute=value] | $("[href='default.htm']") | Все элементы с атрибутом href, равное "." |
| [attribute!=value] | $("[href!='default.htm']") | Все элементы с атрибутом href значение, не равное "." |
| [attribute$=value] | $("[href$='.org']") | Все элементы со значением атрибута href заканчивая ".org" |
| [attribute|=value] | $("[title|='Доброе утро!']") | Все элементы, которые имеют атрибут " title " равное", "Доброе утро!", или начиная с 'Доброе утро!', за которым следует дефис |
| [attribute^=value] | $("[title^='нация']") | Все элементы, которые имеют атрибут "title" значение, начиная с "нация" |
| [attribute~=value] | $("[title~='нация']") | Все элементы, которые имеют атрибут "title" значением, содержащим определенные слова "нация" |
| [attribute*=value] | $("[title*='нация']") | Все элементы, которые имеют атрибут "title" значение, содержащее слово "нация" |
| :input | $(":input") | Все элементы ввода |
| :text | $(":text") | Всех элементов input с type="текст" |
| :password | $(":password") | Всех элементов input с type="пароль" |
| :radio | $(":radio") | Всех элементов input с type="радио" |
| :checkbox | $(":checkbox") | Всех элементов input с type="галочка" |
| :submit | $(":submit") | Всех элементов input с type="отправить" |
| :reset | $(":reset") | Всех элементов input с type="перезагрузки" |
| :button | $(":button") | Всех элементов input с type="кнопка" |
| :image | $(":image") | Всех элементов input с type="изображение" |
| :file | $(":file") | Всех элементов input с type="файл" |
| :enabled | $(":enabled") | Все включенные элементы ввода |
| :disabled | $(":disabled") | Все отключенные элементы ввода |
| :selected | $(":selected") | Все выбранные элементы ввода |
| :checked | $(":checked") | Все отмеченные элементы ввода |
seosait21.ru |
seosait21.ru |
seosait21.ru |
| HTML ссылка | CSS ссылка | ... |
seosait21.ru |
seosait21.ru |
seosait21.ru |
| JavaScript ссылка | PHP ссылка | JQuery ссылка |
seosait21.ru |
seosait21.ru |
seosait21.ru |
| ... | ... | ... |