Последние учебники веб-разработки
 

jQuery Обход - Фильтрация


Сужая поиск для элементов

Три самые основные методы фильтрации являются first(), last() и eq() , которые позволяют выбрать конкретный элемент на основе его положения в группе элементов.

Другие методы фильтрации, такие как filter() и not() позволяют вам выбрать элементы , которые соответствуют или не соответствуют, определенным критериям.


Jquery first() Метод

first() метод возвращает первый элемент из выбранных элементов.

В следующем примере выбирается первая <p> элемент внутри первого <div> элемент:

пример

$(document).ready(function(){
    $("div p").first();
});
Попробуй сам "

Jquery last() Метод

last() метод возвращает последний элемент из выбранных элементов.

Следующий пример выбирает последний <p> элемент внутри последней <div> элемент:

пример

$(document).ready(function(){
    $("div p").last();
});
Попробуй сам "

Jquery eq() метод

eq() метод возвращает элемент с определенным индексом количества выбранных элементов.

Номера индексов начинаются с 0, так что первый элемент будет иметь порядковый номер 0 , а не 1. Следующий пример выбирает второй <p> элемент (индекс № 1):

пример

$(document).ready(function(){
    $("p").eq(1);
});
Попробуй сам "

Jquery filter() Метод

filter() метод позволяет задать критерии. Элементы, которые не соответствуют критериям, удаляются из выбора, и те, которые соответствуют будут возвращены.

Следующий пример возвращает все <p> элементы с именем класса "intro" :

пример

$(document).ready(function(){
    $("p").filter(".intro");
});
Попробуй сам "

JQuery not() Метод

not() метод возвращает все элементы , которые не соответствуют критериям.

Совет: not() метод является противоположностью filter() .

Следующий пример возвращает все <p> элементы , которые не имеют имя класса "intro" :

пример

$(document).ready(function(){
    $("p").not(".intro");
});
Попробуй сам "

Проверьте себя с упражнениями!

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4» Упражнение 5 » Упражнение 6»


Jquery Обход Ссылка

Полный обзор всех методов Jquery обходе, пожалуйста , перейдите на наш JQuery обходе Reference .