Dieser Artikel ist das offizielle HTML5-Schulungs-Tutorial der H5EDU-Organisation. Er stellt hauptsächlich vor: JavaScript-Erweiterungs-Tutorial – Inhalte und Attribute abrufen
jQuery – Inhalte und Attribute abrufen
jQuery verfügt über bedienbare HTML-Elemente und Attribute leistungsstarke Methode.
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.
lamp DOM = Document Object Model (Document Object Model)
DOM definiert Standards für den Zugriff auf HTML- und XML-Dokumente:
„Das W3C Document Object Model ist eine plattform- und sprachunabhängige Schnittstelle, die es ermöglicht Programme und Skripte Greifen Sie dynamisch auf den Inhalt, die Struktur und den Stil des Dokuments zu und aktualisieren Sie diese.
text() – Legt den Textinhalt des ausgewählten Elements fest oder gibt ihn zurück.
html() – Legt den Inhalt des ausgewählten Elements fest oder gibt ihn zurück (einschließlich HTML-Tags).
val() – Legt den Wert fest oder gibt ihn zurück des Formularfelds
Das folgende Beispiel zeigt, wie Inhalte über die Methoden jQuery 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(){
warning("Der Wert ist: " + $("#test").val());
}) ;
Get attributes- attr()
jQuery attr()-Methode 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(){
warning($("#runoob ").attr ("href"));
});