jQuery - Get Content and Attributes
jQuery содержит мощные методы для изменения и манипулирования HTML элементов и атрибутов.
jQuery DOM манипуляции
Одна очень важная часть JQuery является возможность манипулировать DOM.
jQuery поставляется с кучей методов, связанных с DOM, которые облегчают доступ к элементам и атрибутам и управляют ими.
DOM = объектная модель документа
DOM определяет стандарт для доступа к документам HTML и XML:
"объектная модель W3C Document (DOM) является платформой и нейтральным для языка интерфейсом, который позволяет программам и сценариям динамически получать доступ и обновлять содержимое, структуру и стиль документа".
Получение содержимого-text (), HTML () и Val ()
Три простых, но полезных, jQuery методы для манипуляции DOM являются:
- Text ()-задает или возвращает текстовое содержимое выбранных элементов
- HTML ()-устанавливает или возвращает содержимое выбранных элементов (включая HTML-разметку)
- Val ()-задает или возвращает значение полей формы
В следующем примере демонстрируется получение содержимого с помощью методов jQuery Text () и HTML ():
Пример
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
В следующем примере показано, как получить значение поля ввода с помощью метода jQuery Val ():
Пример
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
Получить атрибуты-()
Метод jQuery () используется для получения значений атрибутов.
В следующем примере показано, как получить значение атрибута href в ссылке:
Пример
$("button").click(function(){
alert($("#w3s").attr("href"));
});
В следующей главе объясняется, как задать (изменить) содержимое и значения атрибутов.
HTML-справочник jQuery
Для полного обзора всех jQuery HTML методы, пожалуйста, перейдите на наш jQuery HTML/CSS справочник.