• Страница 1 из 1
  • 1
Форум » II. jQuery » Базовое знакомство с jQuery » Фильтры jQuery (Фильтрация выборок по характеристикам)
Фильтры jQuery
1 С помощью фильтров jQuery вы можете находить элементы с определённым содержимым, текстом, скрытые элементы, а также элементы, не соответствующие данному селектору.

Выборка jQuery - это список элементов, соответствующих указанному селектору.
Каждый элемент выборки имеет индекс, и как и у массивов, индексация начинается с нуля.


Чтобы использовать фильтр, пишем основной селектор, затем двоеточие и название фильтра, например:

Код
$('tr:even')


найдёт все чётные строки в таблице.

Или более обозначенный фильтр: найдём все чётные строки таблицы, имеющей определённый класс, например .stripped

Код
$('.stripped tr:even')


Фильтр :odd выбирает все нечётные элементы выборки. Например:

Код
$('tr:odd')


выбирает все нечётные строки таблицы.

Изменить / Удалить

2 Фильтры :first и :last выбирают первый и последний элемент группы.
Например, чтобы выбрать первый абзац на странице:

Код
$('p:first');


чтобы выбрать последний:

Код
$('p:last');


Фильтр :not() выбирает элементы, не соответствующие данному типу селектора, то есть вы сообщаете фильтру :not() имя селектора, который нужно игнорировать. Например, нужно найти все элементы a, кроме тех, у которых есть класс .button

Код
$('a:not(.button)');


или, к примеру, чтобы найти все ссылки, начинающиеся не с http://

Код
$('a:not([href^ = "http://"])');


Фильтр :has() - находит элементы, содержащие другой селектор.
Например, нужно найти все элементы li, внутри которых есть элемент a:

Код
$('li:has(a)');


Фильтр :contains() - находит элементы, содержащие конкретный текст.
Например, найдём все ссылки с текстом "Читать далее"

Код
$('a:contains(Читать далее)');


Фильтр :hidden - находит все скрытые элементы, для которых в CSS-свойствах установлено

Код
display: none;


а также элементы, скрытые с помощью jQuery функции hide(), элементы с нулевой высотой и шириной и скрытые элементы форм.
Элементы, у которых для свойства visibility присвоено значение invisible, данным фильтром не находятся.

Допустим, есть несколько скрытых блоков div. Вы можете их найти с помощью фильтра, а затем сделать видимыми с помощью jQuery:

Код
$('div:hidden').show();


Фильтр :visible, в противоположность фильтру :hidden, находит на странице видимые элементы.

Изменить / Удалить

Форум » II. jQuery » Базовое знакомство с jQuery » Фильтры jQuery (Фильтрация выборок по характеристикам)
  • Страница 1 из 1
  • 1
Поиск: