Фильтры в 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
элементы, которые выбраны;
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Вам дано три абзаца. В JavaScript коде допишите фильтр. После того, как вы запустите код, у вас вместо
Абзац номер 3
должно быть написаноПоследний
. Используйте фильтры из первой группы, которая без названия!
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!