SiteIS

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

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

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

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

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

Выбор элементов - последователей

  • Задача 1:

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

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

      $(function () {
      	$('p ~ span').css('color','#00cc00');
      });
      

      Пояснение:

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

      Результат:

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

  • Задача 1:

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

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

      $(function () {
      	$('p ~ *').css('color','#00cc00');
      });
      

      Пояснение:

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

      Результат:

      При загрузке страницы, у всех сестринских эелементов, расположенных после абзаца и находящихся с абзацем на одном уровне, цвет шрифта станет зеленым.

Автор: Super User