Tutorial zur JavaScript-Verbesserung – jQuery – Inhalte und Attribute abrufen

Dieser Artikel ist das offizielle HTML5-Schulungs-Tutorial der H5EDU-Organisation. Er stellt hauptsächlich vor: JavaScript-Erweiterungs-Tutorial – jQuery – Abrufen von Inhalten und Attributen

jQuery verfügt über eine leistungsstarke Methode zum Bearbeiten von HTML-Elementen und -Attributen.

jQuery-DOM-Betrieb

Ein sehr wichtiger Teil von jQuery ist die Fähigkeit, DOM zu bedienen.

jQuery bietet eine Reihe von DOM-bezogenen Methoden, die den Zugriff auf und die Bearbeitung von Elementen und Attributen erleichtern.

Tipp: DOM = Document Object Model

DOM definiert Standards für den Zugriff auf HTML- und XML-Dokumente:

„Das W3C Document Object Model ist plattform- und sprachunabhängig. Eine Schnittstelle, die Folgendes ermöglicht.“ Programme und Skripte für den dynamischen Zugriff und die Aktualisierung des Inhalts, der Struktur und des Stils von Dokumenten. „

Inhalt abrufen – text(), html() und val()

Drei einfache und praktische Methoden . jQuery-Methoden für die DOM-Manipulation:

text() – Legt den Textinhalt des ausgewählten Elements fest oder gibt ihn zurück
html() – Legt den Inhalt (einschließlich HTML-Tags) des ausgewählten Elements fest oder gibt ihn zurück
val() – Legt den Wert eines Formularfelds fest oder gibt ihn zurück

Das folgende Beispiel zeigt, wie Inhalte über die jQuery-Methoden text() und html() abgerufen werden:

Beispiel

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

Das folgende Beispiel zeigt, wie man den Wert eines Eingabefelds über die jQuery-Methode val() erhält:

Beispiel

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

Get attributes - attr()

Die jQuery-Methode attr() wird verwendet, um den Attributwert abzurufen.

Das folgende Beispiel zeigt, wie man den Wert des href-Attributs im Link erhält:

Beispiel

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

Das Obige ist das Tutorial zur JavaScript-Erweiterung. jQuery - Holen Sie sich Inhalte und Attributinhalte. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!