SiteIS
jQuery - безграничные возможности в дизайне Вашего сайта!
- Один из самых популярных на сегодня среди веб разработчиков фреймворк
- Позволяет быстро и легко создать потрясающие веб-приложения
- Удивительно красивые анимационные эффекты
- Улучшение пользовательского интерфейса
Выборка по точному значению атрибута
-
Задача 1:
- отобрать все элементы, у которых атрибут class имеет значение singl и обвести их однопиксельной рамкой зеленого цвета.
Показать решение-
Решение:
$(function () { $('[class=singl]').css('border', '1px solid #00cc00'); });Пояснение:
Для решения задачи с помощью фильтра $('[class=singl]') выбираем все элементы, у которых атрибут class имеет значение singl и добавляем им рамку зеленого цвета. Следует помнить, что несмотря на то, что с помощью селектора [attribute = value] можно находить элементы по аттрибутам class или id, наиболее правильным будет использовать специальные селекторы по классу ($('.class')) и идентификатору ($('#id')).
Результат:
При загрузке страницы, к которой подключен скрипт, элементы с атрибутом class которым присвоено значение singl, появится зеленая рамка.
-
-
Задача 2:
- отобрать все элементы формы, у которых атрибут type имеет значение text и изменить фоновый цвет этих элементов на #e5e5e5.
Показать решение-
Решение:
$(function () { $('[type=text]').css('background', '#e5e5e5'); });Пояснение:
Для решения задачи с помощью фильтра $('[type=text]') выбираем все элементы формы, у которых атрибут type имеет значение text и меняем их фоновый цвет. Следует помнить, что несмотря на то, что с помощью селектора [attribute = value] можно находить элементы по аттрибутам, наиболее правильным будет использовать специальные селекторы которых существуют для элементов форм.
Результат:
При загрузке страницы, к которой подключен скрипт, у элементов формы с атрибутом type которым присвоено значение text, изменится фоновый цвет.
-