SiteIS

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

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

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

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

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

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

  • Задача 1:

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

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

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

      Пояснение:

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

      Результат:

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

Автор: Super User