SiteIS

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

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

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

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

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

Выбор из набора по заданным параметрам в функции

Метод: .filter(fn);

  • Задача 1:

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

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

      $(function () {
          $('span').filter(function () {
      		return $(this).attr('class') == 'singl';
      	}).css('color', 'red');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('span') отберем все элементы span на странице. С помощью метода $('span').filter(function () {return $(this).attr('class') == 'singl';}) находим элементы в отобранном наборе, которым присвоен класс singl и меняем цвет их шрифта. Если элемент имеет двойной класс (например, class="singl too"), то этот элемент не будет включен в набор.

      Результат:

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

  • Задача 2:

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

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

      $(function () {
          $('li').filter(function (index) {
      		if(index==0 || index == 3) {
      			return true;
      		} else {
      			return false;
      		}
      	}).css('color', 'red');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('li') отберем все элементы li на странице. С помощью метода .filter(function (index) {if(index==0 || index == 3) {return true;} else {return false;}}).css('color', 'red'); оставляем в наборе первый и четвертый пункты списка и меняем им цвет шрифта.

      Результат:

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

Автор: Super User