Для упрощения работы с элементами 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 элементы, которые выбраны;

Похожие записи:

Урок 2. Селекторы в jQuery Урок 1. Знакомство с jQuery Урок 8. Создание версий проекта в Git Урок 3. Генерация SSH-ключа для работы с GitHub Урок 7. Алиасы в Git Обновление от 3 сентября 2022 г. на Codebra Урок 6. Применение Git на практике. Часть 2