Эмиссия газов от очистных сооружений канализации: В последние годы внимание мирового сообщества сосредоточено на экологических проблемах...
Поперечные профили набережных и береговой полосы: На городских территориях берегоукрепление проектируют с учетом технических и экономических требований, но особое значение придают эстетическим...
Топ:
Особенности труда и отдыха в условиях низких температур: К работам при низких температурах на открытом воздухе и в не отапливаемых помещениях допускаются лица не моложе 18 лет, прошедшие...
Когда производится ограждение поезда, остановившегося на перегоне: Во всех случаях немедленно должно быть ограждено место препятствия для движения поездов на смежном пути двухпутного...
Интересное:
Лечение прогрессирующих форм рака: Одним из наиболее важных достижений экспериментальной химиотерапии опухолей, начатой в 60-х и реализованной в 70-х годах, является...
Влияние предпринимательской среды на эффективное функционирование предприятия: Предпринимательская среда – это совокупность внешних и внутренних факторов, оказывающих влияние на функционирование фирмы...
Берегоукрепление оползневых склонов: На прибрежных склонах основной причиной развития оползневых процессов является подмыв водами рек естественных склонов...
Дисциплины:
2019-08-07 | 91 |
5.00
из
|
Заказать работу |
|
|
Простейшими и часто используемыми операциями, которые выполняются над объектами jQuery, являются операции чтения и изменения значений HTML-атрибутов, стилей CSS, содержимого элементов и их геометрии.
Некоторые обобщения, касающиеся методов чтения и записи объекта jQuery:
· Вместо того чтобы определять парные методы, библиотека jQuery использует одни и те же методы как для чтения, так и для записи. Если передать методу новое значение, он запишет это значение. Если новое значение не указано, метод вернет текущее значение.
· При использовании методов для записи они записывают новое значение во все элементы, находящиеся в объекте jQuery, и возвращают объект jQuery, что позволяет использовать их в цепочках вызовов методов.
· При использовании методов для чтения они читают значение только из первого элемента в наборе и возвращают единственное значение. (Если необходимо получить значения из всех элементов, используйте метод map()).
· При использовании методов для записи они часто могут принимать объекты в виде аргументов. В этом случае каждое свойство указанного объекта будет определять имя и устанавливаемое значение.
· При использовании методов для записи они часто могут принимать функции. В этом случае функция будет использоваться для вычисления устанавливаемого значения. Элемент, для которого должно быть вычислено значение, будет передан функции в ссылке this, в первом аргументе будет передан индекс элемента, а во втором аргументе – текущее значение.
Чтение и запись значений HTML-атрибутов
Метод attr() объекта jQuery – это метод чтения/записи значений HTML-атрибутов, и к нему относятся все обобщения, описанные выше.
Метод attr() предусматривает решение проблемы несовместимости броузеров и обработку специальных случаев и позволяет использовать имена HTML-атрибутов или имена эквивалентных им свойств в языке JavaScript (где они отличаются). Например, можно использовать имя «for» или «htmlFor», «class» или «className».
|
Метод removeAttr() – это родственная функция, которая полностью удаляет атрибут из всех выбранных элементов.
Ниже приводятся несколько примеров использования этих методов:
$("#icon").attr("src", "icon.gif"); // Установить атрибут src
$("#banner").attr({src:"banner.gif", alt:"Advertisement", width:720}); // Установить сразу 3 атрибута
$("a").attr("target", "_blank"); // Все ссылки загружать в новых окнах
$("a").removeAttr("target"); // Все ссылки загружать в этом окне
Чтение и запись значений CSS-атрибутов
Метод css() напоминает метод attr(), но работает не с HTML-атрибутами, а со стилями CSS элемента.
При чтении значений стилей метод css() возвращает текущий (или «вычисленный») стиль элемента.
Возвращаемое значение может быть определено в атрибуте style или в таблице стилей.
Важно!
Нельзя получить значения составных стилей, таких как «font» или «margin». Вместо этого следует запрашивать отдельные стили, такие как «font-weight», «font-family», «margin-top» или «margin-left».
При записи значений стилей метод css() просто добавляет их в атрибут style элемента.
Метод css() позволяет указывать имена стилей CSS с дефисами («background-color») или имена свойств в языке JavaScript с переменным регистром символов («backgroundColor»).
При чтении значений стилей метод css() возвращает числовые значения в виде строк с добавлением единиц измерения в конце. Однако при записи он преобразует числа в строки и добавляет суффикс «px» (pixels – пикселы), если это необходимо:
$("h1").css("font-weight"); // Насыщенность шрифта первого элемента
$("h1").css("fontWeight"); // Допускается использовать имена свойств
$("h1").css("font"); // Ошибка: нельзя запрашивать составные стили
$("h1").css("font-variant", "smallcaps"); // Установить стиль всех элементов
|
$("div.note").css("border", "solid black 2px"); // Составные стили можно устанавливать
$("h1").css({ backgroundColor: "black",color:"red"});// Записать сразу несколько стилей
Чтение и запись CSS-классов
Обычно бывает необходимо добавить, удалить или проверить присутствие какого-то одного имени в списке, тогда как потребность замещать один список классов другим возникает крайне редко. По этой причине в объекте jQuery определены удобные методы для работы с атрибутом class.
Методы addClass() и removeClass() добавляют и удаляют классы в выбранных элементах.
Метод toggleClass() добавляет классы в элемент, если они отсутствуют в нем, и удаляет их, если они присутствуют.
Метод hasClass() проверяет присутствие указанного класса.
Ниже приводятся несколько примеров использования этих методов:
$("h1").addClass("hilite"); // Добавить класс во все элементы
$("h1+p").addClass("hilite first"); // Добавить 2 класса
$("p").removeClass("hilite"); // Удалить класс hilite из всех элементов
$("p").removeClass("hilite first"); // Допустимо удалять несколько классов
$("tr:odd").toggleClass("oddrow"); // Добавить класс, если отсутствует, // или удалить в противном случае
$("h1").toggleClass("big bold"); // Переключить сразу два класса
$("p").hasClass("first") // Имеет ли этот класс?
Обратите внимание, что метод hasClass() не такой гибкий, как методы addClass(), removeClass() и toggleClass(). Метод hasClass() может работать только с одним именем класса и не поддерживает возможность передачи ему функции. Он возвращает true, если хотя бы один из выбранных элементов содержит указанный класс, и false – в противном случае.
Эти методы объекта jQuery подобны методам свойства classList javaScript, но методы объекта jQuery работают во всех броузерах, а не только в тех, которые поддерживают свойство classList, определяемое стандартом HTML5. И, конечно же, методы объекта jQuery работают с множеством элементов и могут добавляться в цепочки вызовов методов.
|
|
Таксономические единицы (категории) растений: Каждая система классификации состоит из определённых соподчиненных друг другу...
Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...
Адаптации растений и животных к жизни в горах: Большое значение для жизни организмов в горах имеют степень расчленения, крутизна и экспозиционные различия склонов...
Общие условия выбора системы дренажа: Система дренажа выбирается в зависимости от характера защищаемого...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!