SiteIS

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

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

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

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

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

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

  • Задача 1:

    - изменить цвет шрифта на #00cc00 полследнему элементу li в списке.

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

      $(function () {
      	$('ul li:last-child').css('color', '#00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра $('ul li:last-child') обращаемся к последнему пункту списка и меняем цвет его шрифта.

      Результат:

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

  • Задача 2:

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

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

      $(function () {
      	$('div span:last-child').css('background', '#00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра $('div span:last-child') обращаемся ко всем последним элементам span, расположенным в блоках div и меняем им фоновый цвет. Следует помнить, что если последним дочерним элементом в блоке окажется не span, то фоновый цвет у элемента изменен не будет. Если последним дочерним элементом в блоке будет текстовый узел, не обрамленный ни в какие теги, а перед ним будет расположен элемент span, то этот элемент будет являться последним дочерним (его фоновый цвет изменится).

      Результат:

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

Автор: Super User