SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Фильтрация из набора по заданным параметрам

Метод: .filter();

Выбирает в отобранном наборе элементы, которые указаны в параметре. Элементы, не попадающие под условие, указанное в параметре, из набора исключаются.

  • Задача 1:

    - изменить цвет шрифта на красный (#cc0000) у элементов span, которые имеют атрибут class.

    Показать решение
    • Решение:

      $(function () {
      	$('span').filter('*[class]').css('color', 'red');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('span') отберем все элементы span на странице. С помощью метода .filter('*[class]') находим элементы в отобранном наборе, у которых есть атрибут class и меняем цвет их шрифта.

      Результат:

      При загрузке страницы, к которой подключен скрипт, у элементов span с атрибутом class изменится цвет шрифта на красный.

  • Задача 2:

    - изменить цвет шрифта на красный (#cc0000) у элементов li, которые являются первыми и последними элементами в списке.

    Показать решение
    • Решение:

      $(function () {
      	$('li').filter(':first-child, :last-child').css('color', 'red');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('li') отберем все элементы li на странице. С помощью метода .filter(':first-child, :last-child') оставляем в наборе первый и последний элементы списка и меняем им цвет шрифта.

      Результат:

      При загрузке страницы, к которой подключен скрипт, у первого и последнего элементов li изменится цвет шрифта на красный.

Автор: Super User