Селектор |
Пример |
Выбирает |
* |
$("*") |
Все элементы |
#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") |
Все отмеченные элементы ввода |