Робота з вибіркою елементів на jquery

Відео: JQUERY - Урок №2 - Основи вибірки елементів з допомогою jQuery

У попередній статті ми розбирали, як зробити вибірку елементів в jQuery, проте, сама по собі вибірка не має сенсу, якщо з нею нічого не робити. І в цій статті ми розберемо, як ми можемо працювати з вибіркою елементів на jQuery.

Давайте розберемо для початку такий приклад

id="Block"gt;блок

В даному прикладі ми, по-перше, розібрали метод clone (). Його мета створити копію елемента для того, щоб ми могли управляти новим елементом, не зачіпаючи старий. Далі ми поміняли текстове вміст з "блок", Що дісталася нам від елемента, який ми склоніровалі, на"новий блок". У кінці ми вже додали за допомогою методу append () наш створений блок всередину елемента з id = "block".

Крім клонування елементів і зміни текстового вмісту, також використовується можливість завдання CSS-властивостей для елементів:

id="Red"gt;блок 
id="Green"gt;блок

Як бачите, методи можна застосовувати не тільки до одного елементу, а до цілої вибірці, як це продемонстровано в рядку, де встановлюється розмір шрифту.

Відео: Вивчаємо jQuery | Урок №7 - Вибірка за тегами

Розберемо ще один приклад роботи з вибіркою елементів на jQuery:

  
href="#"gt;Посилання 
src="Image.jpg"alt=""/ Gt; 
src="Image.jpg"alt=""/ Gt; 
src="Image.jpg"alt=""/ Gt;

В даному прикладі ми отримали дочірні елементи і встановили у них атрибути. Але тут саме головне не це. Зверніть увагу, що метод attr () застосовується саме до об`єкта jQuery. Тобто написати так: "elements.get (i) .attr"- не можна, а тільки так"$ (Elements.get (i)). Attr". Запам`ятайте, що якщо Ви використовуєте метод, що належить jQuery, а не jаvascript, то обов`язково треба обгортали елементи в $ ().

Відео: Вивчаємо jQuery | Урок №8 - Відбір елементів

І, наостанок, ще розберемо один приклад:

class="Class_1"gt; 
class="Class_2"gt; 
class="Class_3"gt;

Тут варто звернути увагу на "element.className". Як бачите, тут немає $ (). Так написано тому, що властивість className вбудовано в jаvascript. А ось метод html () належить jQuery, тому ми і пишемо "$ (Element) .html (...)".

Відео: jQuery. 02 Основи вибірки елементів

Незважаючи на те, що стаття вийшла трохи більше звичайного, тут все одно розібрані далеко не всі можливості по роботі з елементами на jQuery. Більш детально з роботі з вибіркою елементів на jQuery я розповідав тут.

Поділися в соціальних мережах:

Схожі