jQuery получение содержимого и атрибутов

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

jQuery операции с DOM

Одной из非常重要的 частей jQuery является способность оперировать DOM.

jQuery предоставляет набор методов, связанных с DOM, что упрощает доступ и управление элементами и атрибутами.

Совет:DOM = Document Object Model (文档对象模型)

DOM определяет стандарты доступа к документам HTML и XML:

«W3C Document Object Model (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());
});

Попробуйте сами

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

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

Ниже приведен пример того, как получить значение атрибута href в ссылке:

Пример

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

Попробуйте сами

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

jQuery справочник по HTML

Для получения полной информации о методах jQuery HTML, пожалуйста, обратитесь к следующему справочнику: