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 (m.sbmmt.com)!
