jQuery Selectors
❮ Назад
Дальше ❯
Селекторы jQuery
| Селектор | Примере | Выбирает |
|---|---|---|
| * | $("*") | Все элементы |
| #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") | Все проверенные входные элементы |
❮ Назад
Дальше ❯
