SiteIS

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

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

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

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

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

Выборка по названию атрибута

  • Задача 1:

    - отобрать все элементы, которым присвоен атрибут class и обвести их однопиксельной рамкой зеленого цвета.

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

      $(function () {
      	$('[class]').css('border', '1px solid #00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра $('[class]') выбираем все элементы, у которых присутствует атрибут class и добавляем им рамку зеленого цвета.

      Результат:

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

  • Задача 2:

    - обвести однопиксельной рамкой зеленого цвета все элементы, которым присвоены атрибут id и атрибут name со значением first.

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

      $(function () {
      	$('[id], [name=first]').css('border', '1px solid #00cc00');
      });
      

      Пояснение:

      Для решения задачи с помощью фильтра $('[id], [name=first]') выбираем все элементы, которым присвоены атрибут id и атрибут name со значением first и добавляем им рамку зеленого цвета.

      Результат:

      При загрузке страницы, к которой подключен скрипт, элементы, которым присвоены атрибут id и атрибут name со значением first, будут обведены зеленой рамкой.

Автор: Super User