селектори jquery
Як і в CSS, селектори в jQuery використовуються для визначення елемента або групи елементів. Всі елементи, що задовольняють селектору, добавляються до вибірки (jQuery-об'єкт), після чого з ними можна робити будь-які операції.
Шаблони написання селектор запозичені з CSS 1-3. Крім того, в бібліотеці jQuery додані власні шаблони, значно спрощують пошук необхідних елементів на сторінці.
Якщо в значенні будь-якого атрибута використовуються спеціальні символи (! "# $% '() * +,. / :;<=>?@ [\] ^ `
), Тоді при написанні селектора ці символи повинні екрануватися двома зворотними Слеш \\.
прості селектори
Нижче наводяться шаблони простих селекторів з поясненнями.
Основні селектори
Універсальний селектор для вибору всіх елементів сторінки.
всі елементи
Елементи, у яких атрибут class має значення з кількох слів і одне з них classname.
Елемент, чий атрибут id має значення idname.
селектори атрибутів
Елементи з атрибутом attr.
Елементи, у яких атрибут attr має значення "val".
Елементи, у яких атрибут attr відсутня або має значення, відмінне від "val".
Елементи, у яких атрибут attr має значення з кількох слів і одне з них "val".
Елементи, у яких атрибут attr починається з рядка "val".
Елементи, у яких атрибут attr закінчується рядком "val".
Елементи, у яких атрибут attr містить підрядок "val".
Елементи, у яких атрибут attr має значення "val" або складається з декількох слів, розділених дефісом, і перше з них "val".
Всі елементи, які не відображені на сторінці, але присутні в дереві DOM. До них відносяться:- елементи з CSS-властивість display: none або з атрибутом hidden;
- елементи форм з атрибутом type = "hidden";
- всі дочірні елементи прихованих елементів.
Всі елементи, які відображені на сторінці, навіть якщо вони мають нульові розміри.
Якщо необхідно вибрати елементи, які задовольняють відразу декільком простим селекторам, тоді прості селектори записуються разом, утворюючи ланцюжок простих селектор. Кожна така ланцюжок повинна мати не більше одного типового (або універсального) селектора, який обов'язково повинен записуватися першим. Якщо типовий селектор не вказано, тоді за замовчуванням використовується універсальний селектор.
У ланцюжку простих селектор можна використовувати прогалини, так як пробіл є комбінатором.
комбінатори
У таблиці нижче представлені комбінатори, які можна використовувати в селекторі (Sel1 і Sel2 - ланцюжки простих селектор).