SiteIS

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

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

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

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

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

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

  • Задача 1:

    - обвести зеленой однопиксельной рамкой все элементы div, которые имеют дочерние элементы, или текст.

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

      $(function () {
      	$('div:parent').css('border', '1px solid #00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра :parent выбираем все элементы div, которые содержат дочерние элементы, или текст и обводим их зеленой однопиксельной рамкой.

      Результат:

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

  • Задача 2:

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

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

      $(function () {
      	$('td:parent').css('background', '#00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра :parent выбираем все элементы td, которые содержат дочерние элементы, или текст и изменяем им фоновый цвет.

      Результат:

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

Автор: Super User