Онлайн-курсы по jQuery
Выбрать другой урок из курса
Обсуждение
Теория урока

Фильтры в jQuery

Для упрощения работы с элементами HTML, в jQuery сделали фильтры - это практически то же самое, что и селекторы jQuery, о которых я писал в предыдущем уроке.

Первая группа фильтров (без названия)

1) $('div:first') - выбирает первый div элемент;

2) $('div:last') - выбирает последний div элемент;

3) $('div:even') - выбирает все четные div элементы;

4) $('div:odd') - выбирает все нечетные div элементы;;

5) $('div:eq(2)') - выбирает третий div элемент (нумерация начинается с нуля: 0, 1, 2);

6) $('div:gt(3)') - выбирает div элементы, индекс которых больше трех (нумерация начинается с нуля);

7) $('div:lt(3)') - выбирает div элементы, индекс которых меньше трех (нумерация начинается с нуля);

8) $('div:not(.color)') - выбирает div элементы, у которых нет класса color, так же можно исключать идентификатор;

9) $(':header') - выбирает все заголовки, всех уровней: h1, h2, h3 и так далее;

9) $('div:animated') - выбирает все div элементы, которые являются анимированными.

Фильтры контента

1) $('div:contains("codebra")') - выбирает все div элементы, которые содержат слово codebra;

2) $('div:empty') - выбирает все пустые div элементы;

3) $('div:has(b)') - выбирает все div элементы, которые содержат элемент b;

4) $('div:parent') - выбирает все div элементы, которые содержат любые элементы.

Фильтры видимости

1) $('div:hidden') - выбирает все div элементы, которые скрыты;

2) $('div:visible') - выбирает все div элементы, которые видимы (не скрыты);

Фильтры атрибутов

1) $('div[title]') - выбирает все div элементы, которые имеют атрибут title;

2) $('input[name = "pass"]') - выбирает все input элементы, которые имеют атрибут name со значением pass;

3) $('input[name != "pass"]') - выбирает все input элементы, которые не имеют атрибут name со значением pass;

4) $('input[name ^= "pass"]') - выбирает все input элементы, которые имеют атрибут name со значением, начинающимся на pass;

5) $('input[name $= "pass"]') - выбирает все input элементы, которые имеют атрибут name со значением, заканчивающимся на pass;

6) $('input[name *= "pass"]') - выбирает все input элементы, которые имеют атрибут name со значением, содержащим подстроку pass;

7) $('input[id][class]') - выбирает все input элементы, которые имеют атрибуты id и class.

Фильтры форм

1) $('input:enabled') - выбирает все input элементы, которые имеют активное состояние;

2) $('input:disabled') - выбирает все input элементы, которые имеют запрещенное состояние;

3) $('input:checked') - выбирает все input элементы, которые отмечены;

4) $('input:selected') - выбирает все input элементы, которые выбраны;

<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.