JQuery - Методи роботи з набором елементів, ІТ Шеф

Стаття, в якій розглядаються різні методи бібліотеки jQuery, призначені для фільтрації елементів поточного набору, пошуку в DOM-дереві інших елементів, пов'язаних з елементами поточного набору деяким відношенням, і для виконання інших операцій.

Види методів jQuery для роботи з набором елементів

Методи фільтрації елементів поточного набору: eq(), first(), last(), slice(), filter(), has(), is(), map(), not().
Методи, що здійснюють пошук елементів у DOM-дереві: children(), closest(), find(), next(), nextAll(), nextUntil(), offsetParent(), parent(), parents(), parentsUntil(), prev(), prevAll(), prevUntil(), siblings().
Категорія, в якій зібрані методи, що виконують різні дії: add(), addBack(), contents(), end(), not().

Методи для фільтрації елементів поточного набору

.eq(index) - здійснює вибір елемента із зазначеним індексом (index) з поточної вибірки.

.first() - здійснює вибір першого елемента із поточної вибірки.

.last() - здійснює вибір останнього елемента поточної вибірки.

.slice(startIndex[,endIndex]) - здійснює вибір із поточного набору лише тих DOM-елементів, які мають індекси в межах зазначеного діапазону (від startIndex до endIndex).

.filter(вираз) - здійснює вибір елементів з поточного набору відповідно до зазначеного виразу (selector).

.has(selector) - здійснює вибір лише тих елементів з поточної вибірки, які мають хоча б один із елементів, заданих за допомогою селектора (або у вигляді DOM-колекції), як нащадок.

.map(функція) - повертає об'єкт jQuery, що складається з результатів, що повернулавказана як параметр функція для кожного елемента поточного набору.

.is(вираз) - перевіряє кожен елемент поточного набору відповідно до виразу, зазначеного як параметр даного методу і повертає true або false . Даний метод повертає значення true , якщо хоча б один із елементів вихідного набору відповідає виразу, вказаного як параметр даного методу.

.not(вираз) - здійснює вибір з поточного набору тільки тих елементів, які не відповідають виразу, вказаному як параметр даного методу.

Методи, що здійснюють пошук елементів у DOM-дереві

. next () . Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук наступного за ним елемента, який повинен бути по відношенню до нього сиблінгом (siblings). Метод .next() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.nextAll() - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук всіх наступних за ним елементів, які щодо нього є сиблінгами (siblings). Метод .nextAll() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.nextUntil([селекторелемент]) - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук всіх наступних за ним елементів (що є щодо нього сиблінгом) до вказаного. Метод .nextUntil() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.prev() - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук попереднього елемента, який є щодо нього сиблінгом (siblings). Метод.prev() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.prevAll() - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук усіх попередніх елементів, які є щодо нього сиблінгом (siblings). Метод .prevAll() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.prevUntil(селекторелемент) - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук усіх попередніх елементів (що становлять щодо нього сиблінг) до зазначеного. Метод .prevUntil() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.sibling() - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук усіх елементів у DOM-дереві, які припадають йому сиблінгами (siblings). Метод .sibling() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.children() - Даний метод виконує наступне: для кожного елемента поточного набору знаходить усі елементи в DOM-дереві, які йому діти (child). Метод .children() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.closest(вираз) - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук елемента в DOM-дереві, який відповідає вказаному як параметр виразу. Пошук елементів даний метод здійснює починаючи з вихідного елемента, далі переходить до батька, потім батька батька і т.д. вгору по DOM-дереву. Метод .closest() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.find() - Данийметод виконує наступне: він кожного елемента поточного набору здійснює пошук всіх елементів у DOM-дереві, які припадають йому нащадками (включаючи дітей). Метод .find() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.offsetParent() - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук його найближчого предка, який не розташований у нормальному потоці (тобто має CSS властивість position зі значенням relative , absolute або fixed ). Метод .offsetParent() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.parent() - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук батьківського елемента в DOM-дереві. Метод .parent() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.parents() - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук усіх елементів у DOM-дереві, які припадають йому предками (включно з батьком). Метод .parents() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

.parentsUntil(селекторелемент) - Даний метод виконує наступне: він для кожного елемента поточного набору здійснює пошук всіх його предків (включно з батьком) до вказаного. Метод .parentsUntil() як результат - повертає об'єкт jQuery, що складається з знайдених елементів.

Методи, що виконують різні дії, пов'язані з набором елементів

.add (вираз) - додати до поточного набору додаткові елементи, які задані за допомогою виразу, вказаного як параметр даного методу.

.addBack() - додати зстека ланцюжка методи jQuery попередній набір елементів в поточний набір. Цей параметр дає змогу відфільтрувати елементи попереднього набору, перш ніж їх додати до поточного набору.

.end() - дозволяє повернутися до набору елементів, які були у попередньої операції фільтрації в межах поточного ланцюжка методів jQuery.