SiteIS

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

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

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

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

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

Главная / jQuery шпаргалки / Выборка элементов / Выборка по индексу, больше указанного

Выборка по индексу, меньше указанного

  • Задача 1:

    - изменить цвет фона у элементов li, начиная с первого и заканчивая четвертым, на #00cc00.

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

    • Решение:

      $(function () {
	$("li:lt(4)").css('background', '#00cc00');
});

      Пояснение:

      Для решения задачи с помощью селектора $("li:lt(4)") обращаемся к элементам li списка, начиная с первого и заканчивая четвертым - изменяем их фоновый цвет.

      Результат:

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

  • Задача 2:

    - изменить цвет шрифта у всех ячеек таблицы, начиная с первой и заканчивая третьей, на #00cc00.

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

    • Решение:

      $(function () {
	$("td:lt(3)").css('color', '#00cc00');
});

      Пояснение:

      Для решения задачи с помощью селектора $("td:lt(3)") обращаемся к ячейкам таблицы с первой по третью включительно и меняем у них цвет шрифта.

      Результат:

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

  • Задача 3:

    - обвести черной однопиксельной рамкой элементы span, начиная с первого по шестой включительно, принадлежащие блоку с классом wrap.

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

    • Решение:

      $(function () {
	$("div.wrap span:lt(6)").css('border', '1px solid #000000');
});

      Пояснение:

      Для решения задачи с помощью селектора $("div.wrap span:lt(6)") обращаемся к элементам span с первого по шестой включительно, которые принадлежат блоку с классом wrap и обводим их черной однопиксельной рамкой.

      Результат:

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

Автор: Super User