Искать
Вы превысили запрос на
0 знаков

Это блог интерактивного сайта Codebra. Здесь публикуются материалы, выходящие за рамки основных курсов сайта, мои собственные мысли по программированию и новости сайта. Кстати, если нужны курсы, то Вам сюда.

«Для меня долгое время было загадкой, как что-то очень дорогое и технологичное может быть столь бесполезным. И вскоре я осознал, что компьютер — это глупая машина, обладающая способностями выполнять невероятно умные вещи, тогда как программисты — это умные люди, у которых талант делать невероятные глупости. Короче, они нашли друг друга.»

Писатель

Билл Брайсон

1951 г.

Главная » jQuery » Урок 3. Фильтры в jQuery
Урок 3. Фильтры в 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') — выбирает все заголовки, всех уровней: h1h2h3 и так далее;

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 элементы, которые выбраны;

jQuery. Просмотров: 823
30.07.2022
Codebra