Селектори jQuery: як використовувати?

Вибір за положенням

JQuery селектор положення дуже схожий на селектор ієрархії. Він вибирає елемент за його положенням шукали під попередня умова елементів.

Селектор Опис
:first Працює з першим елементом з відповідного списку
:last З останнім елементом списку
:eq(n) Вибирає елемент зі списку за його індексом (n). Увага! Нумерація елементів, що підходять під умову jQuery select ведеться з 0!
:lt() Вибираються всі елементи зі списку, знаходять до елемента з індексом n
:gt() Вибираються всі елементи зі списку, що знаходять після елемента з індексом n
:even Вибираються елементи з парним номером індексу
:odd Вибираються елементи з непарним номером індексу

Інші селектори

Дані селектори неможливо приєднати до якої-небудь групи, проте вони не менш важливі. Наприклад, селектор: not(), який можна назвати логічним, дозволяє “перевернути” умова або його частину, зробивши вибірку з невідповідних умов.

Цікаве:  Поштові програми для Windows: огляд

Також не менш корисним виявиться селектор: hidden, який дозволить розгорнути елемент-картинку з розмірами 0х0 рх на весь екран, наприклад, по натисненню кнопки.

Селектор Опис
:not() Вибирає елементи, що не відповідають заданому в дужках умові
:animated Вибирає елементи, анимируемые jQuery в даний момент
:hidden Вибирає елементи властивість display: none, type=”hidden”, і з висотою і шириною в 0px. Також поширюється на елементи, що містять в собі приховані елементи одним з вищеперелічених способів. Увага! Елемент із властивістю visibility, встановленим у “hidden”, не потрапить у вибірку jquery select
:visible Назад: hidden
:header

Вибирає елементи h1, h2, h3, h4, h5 і h6