SiteIS

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

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

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

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

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

Главная / jQuery шпаргалки / Выборка элементов / Выборка скрытых элементов

Выборка нечетных элементов

  • Задача 1:

    - отобрать все нечетные элементы span и обвести их черной однопиксельной рамкой.

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

    • Решение:

      $(function () {
	$('span:odd').css('border', '1px solid #000000');
});

      Пояснение:

      Для решения задачи с помощью фильтра $(':odd') отбираем все элементы span на странице, которые являются нечетными и с помощью метода css(); добавляем им черную однопиксельную рамку.

      Результат:

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

  • Задача 2:

    - отобрать все нечетные элементы tr в таблице и изменить их фоновый цвет на #00cc00.

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

    • Решение:

      $(function () {
	$('tr:odd').css('background', '#00c00');
});

      Пояснение:

      Для решения задачи с помощью фильтра $(':odd') отбираем все элементы tr в таблице, которые являются нечетными и с помощью метода css(); изменяем их фоновый цвет.

      Результат:

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

Автор: Super User