Извлечение контента и атрибутов

jQuery предоставляет мощные инструменты для манипулирования элементами и атрибутами HTML.

Получение контента - 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());
}); 

Получение атрибутов - attr()

jQuery метод attr() позволяет получить значения атрибутов.

Следующий пример демонстрирует как получить значение атрибута href заданной ссылки:

$("button").click(function(){
  alert($("#w3s").attr("href"));
}); 

В следующей главе будет рассказано как устанавливать (изменять) контент и значения атрибутов.