SiteIS

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

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

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

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

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

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

Исключение из отобранных элементов

  • Задача 1:

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

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

    • Решение:

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

      Пояснение:

      Для решения задачи с помощью селектора $('div.wrap span:not(span.singl)') отбираем все элементы span на странице, котрорые принадлежат блоку с классом wrap добавляем им черную однопиксельную рамку. В фильтре :not() в качестве параметра указываем элементы, которые требуется исключить из отобранного набора.

      Результат:

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

  • Задача 2:

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

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

    • Решение:

      $(function () {
	$("li:not(li:first, li:last)").css('background', '#00cc00');
});

      Пояснение:

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

      Результат:

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

Автор: Super User