| Селектор |
Примере |
Выбирает |
| * |
$("*") |
Все элементы |
| #id |
$("#lastname") |
Элемент с id="lastname" |
| .class |
$(".intro") |
Все элементы с class="intro" |
| .class,.class |
$(".intro,.demo") |
Все элементы с классом "intro" или "demo" |
| element |
$("p") |
Все элементы < p > |
| el1,el2,el3 |
$("h1,div,p") |
Все элементы < H1 >, < div > и < 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 > элементы, являющиеся вторым дочерним элементом родительского элемента |
| :nth-last-child(n) |
$("p:nth-last-child(2)") |
Все < p > элементы, являющиеся вторым дочерним элементом родительского элемента, считая от последнего дочернего элемента |
| :nth-of-type(n) |
$("p:nth-of-type(2)") |
Все < p > элементы, являющиеся вторым < p > элементом родительского элемента |
| :nth-last-of-type(n) |
$("p:nth-last-of-type(2)") |
Все < p > элементы, являющиеся вторым < 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('Hello')") |
Все элементы, содержащие текст "Hello" |
| :has(selector) |
$("div:has(p)") |
Все элементы < div >, имеющие элемент < p > |
| :empty |
$(":empty") |
Все пустые элементы |
| :parent |
$(":parent") |
Все элементы, являющиеся родительскими для другого элемента |
| :hidden |
$("p:hidden") |
Все скрытые < p > элементы |
| :visible |
$("table:visible") |
Все видимые таблицы |
| :root |
$(":root") |
Корневой элемент документа |
| :lang(language) |
$("p:lang(de)") |
Все < p > элементы со значением атрибута lang, начинающимся с "de" |
| |
|
|
| [attribute] |
$("[href]") |
Все элементы с атрибутом href |
| [attribute=value] |
$("[href='default.htm']") |
Все элементы со значением атрибута href, равным "Default.htm" |
| [attribute!=value] |
$("[href!='default.htm']") |
Все элементы со значением атрибута href не равны "default.htm" |
| [attribute$=value] |
$("[href$='.jpg']") |
Все элементы с значением атрибута href, заканчивающимся ".jpg" |
| [attribute|=value] |
$("[title|='Tomorrow']") |
Все элементы со значением атрибута Title равны "завтра" или начинаются с "завтрашнего дня", а затем дефисом |
| [attribute^=value] |
$("[title^='Tom']") |
Все элементы со значением атрибута Title, начинающимся с "Tom" |
| [attribute~=value] |
$("[title~='hello']") |
Все элементы со значением атрибута Title, содержащим определенное слово "hello" |
| [attribute*=value] |
$("[title*='hello']") |
Все элементы со значением атрибута Title, содержащим слово "hello" |
| |
|
|
| :input |
$(":input") |
Все входные элементы |
| :text |
$(":text") |
Все входные элементы с type="text" |
| :password |
$(":password") |
Все входные элементы с type="password" |
| :radio |
$(":radio") |
Все входные элементы с type="radio" |
| :checkbox |
$(":checkbox") |
Все входные элементы с type="checkbox" |
| :submit |
$(":submit") |
Все входные элементы с type="submit" |
| :reset |
$(":reset") |
Все входные элементы с type="reset" |
| :button |
$(":button") |
Все входные элементы с type="button" |
| :image |
$(":image") |
Все входные элементы с type="image" |
| :file |
$(":file") |
Все входные элементы с type="file" |
| :enabled |
$(":enabled") |
Все включенные входные элементы |
| :disabled |
$(":disabled") |
Все отключенные входные элементы |
| :selected |
$(":selected") |
Все выбранные входные элементы |
| :checked |
$(":checked") |
Все проверенные входные элементы |
