Page 152 - 6108

jQuery( selector [, context ] )
де selector – рядок, що відповідає виразу селектора css
context – елемент DOM, Документ або jQuery, який використовується як
контекст для пошуку, оскільки, за замовчуванням селектори виконують свої
пошуки в рамках DOM, починаючи з кореня документа.

$("img");
$( "div.container" ).click(function() {
$( "span", this ).addClass( “red" );
});

Таблиця 3.4 – Приклади застосування селекторів

Приклад Результат

$("p") Будуть вибрані все елементи p, які є на сторінці

Будуть вибрані все елементи на сторінці з
$(".par")
class="par".

Будете вибрано перший елемент на сторінці з
$("#par")
id="par".
Буде вибрано поточний HTML елемент.
$(this)
Будути вибрані всі елементи p на сторінці з
$("p.par")
class="par".

Будуть обрані всі елементи p на сторінці з id =
$("p#par")
"par".

Будуть обрані всі елементи на сторінці зі
$(".par,.header,#heat") значеннями атрибутів class = "par", class
= "header" і id = 'heat'.

Будуть обрані всі елементи на сторінці, що
$("[src]")
мають атрибут src.

Будуть обрані всі елементи зі значенням
$("[src='значення']")
атрибута src = "значення".

Будуть обрані всі елементи зі значеннями
$("[src$='.gif']")
атрибута src закінчуються на .gif.

Будуть обрані всі елементи з class = par1, які
$("div#wrap .par1") знаходяться всередині елементів div з id =
wrap.

На додаток до селекторів застосовуються фільтри. Фільтри дозволяють
відфільтрувати знайдені елементи за певним принципом.
$(:фільтр) або $(селектор:фільтр);

Таблиця 3.5 – Базові фільтри

Фільтр Опис