Polecane kursy:

jQuery uzyskiwanie zawartości i atrybutów

jQuery ma potężne metody do operowania na elementami i atrybutami HTML.

Operacje DOM jQuery

jQuery ma bardzo ważną część, która jest zdolnością operowania na DOM.

jQuery oferuje zestaw metod związanych z DOM, co ułatwia dostęp i operowanie na elementach i atrybutach.Uwaga:

DOM = Document Object Model (Model Obiektu Dokumentu)

„W3C Document Object Model (DOM) jest niezależny od platformy i języka interfejs, który pozwala programom i skryptom dynamicznie uzyskiwać dostęp i aktualizować zawartość, strukturę oraz styl dokumentu.”

Uzyskanie zawartości - text(), html() oraz val()

Trzy proste i praktyczne metody jQuery do operacji DOM:

  • text() - Ustawienie lub zwrócenie tekstu wybranego elementu
  • html() - Ustawienie lub zwrócenie zawartości wybranego elementu (w tym znaczników HTML)
  • val() - Ustawienie lub zwrócenie wartości pola formularza

以下示例演示如何通过 jQuery text() 和 html() 方法来获取内容：

实例

$("#btn1").click(function(){
  alert("Tekst: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

亲自试一试

以下示例演示如何通过 jQuery val() 方法获取输入字段的值：

实例

$("#btn1").click(function(){
  alert("Wartość: " + $("#test").val());
});

亲自试一试

获取属性 - attr()

jQuery attr() 方法用于获取属性值。

以下示例演示如何获取链接中 href 属性的值：

实例

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

亲自试一试

下一章将讲解如何设置（改变）内容和属性值。

jQuery HTML 参考手册

若要了解 jQuery HTML 方法的完整内容，请访问以下参考手册：