Page 154 - 6108
P. 154
:file Отримує всі елементи file (input type='file')
:hidden Отримує всі приховані елементи
:password Отримує всі елементи password
:radio Отримує всі елементи radio
:reset Отримує всі елементи reset
:selected Отримує всі відмічені елементи option
:submit Отримує всі елементи input з типом submit
:text Отримує всі елементи input з типом text
:visible Отримує лише видимі елементи
Застосування селекторів і фільтрів повертає нам набір елементів, що
представляє собою масив.
Властивість length, повертає нам кількість обраних елементів:
let num = $("div").length;
Методи по роботі з вибіркою
Метод get(index) дозволяє отримувати елемент вибірки за індексом:
let secondElem = $("div").get(1);.
let secondElem = $("div")[1]; // або як в масиві
Метод eq(index) дозволяє отримати нову вибірку, що складається з
одного елементу, який знаходиться за вказаним індексом. Метод може
приймати від'ємні значення агрумента, в цьому випадку відлік буде
проводитися з кінця вибірки.
Методи first() і last() дозволяють отримати перший або останній
елемент вибірки
Метод each() дозволяє здійснити перебір елементів вибірки
$("li").each((index, elem) => {
console.log(index + ". " + elem.innerHTML);
});
Метод index(елемент) повертає індекс вказаного елементу (або об’єкту
jQuery) у вибірці.
$('li').index($('li.par')); // індекс першого елементу li з
класом par в вибірці всіх елементів li
Метод add() повертає нову вибірку з додаванням нових елементів.
.add(selector | selector, context | elements | html |
selection)
де selector – додає в вибірку елементи, що відповідають селектору;
selector, context – додає у вибірку елементи, що відповідають
селектору але в даному випадку пошук елементів ведеться в рамках контексту
(серед заданих елементів);
elements – додає у вибірку один або декілька елементів DOM;
html – додає у вибірку елемент, представлений розміткою html (при цьому
додавання йде тільки в набір, а не на сторінку)
selection – додає у вибірку існуючий об'єкт jQuery.