Kursempfehlung:

jQuery Inhalt und Attribute erhalten

jQuery verfügt über mächtige Methoden, um HTML-Elemente und Attribute zu manipulieren.

jQuery DOM-Operationen

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

jQuery bietet eine Reihe von Methoden, die mit dem DOM zusammenhängen, was den Zugriff und die Manipulation von Elementen und Attributen einfach macht.Hinweis:

DOM = Document Object Model (Dokumentobjektmodell)

„Das W3C Document Object Model (DOM) ist eine plattform- und sprachunabhängige Benutzeroberfläche, die Programmen und Skripten ermöglicht, den Inhalt, die Struktur und das Styling von Dokumenten dynamisch zu zugreifen und zu aktualisieren.“

Inhalt erhalten - text(), html() und val()

Drei einfache und praktische jQuery Methoden für DOM-Operationen:

  • text() - Setzen oder Rückgabe des Textinhalts des ausgewählten Elements
  • html() - Setzen oder Rückgabe des Inhalts des ausgewählten Elements (einschließlich HTML-Syntax)
  • val() - Setzen oder Rückgabe des Wertes des Formularfeldes

Das folgende Beispiel zeigt, wie der Inhalt durch die jQuery text() und html()-Methoden erhalten wird:

Beispiel

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

Versuchen Sie es selbst

Der folgende Beispiel zeigt, wie der Wert des Eingabefeldes durch die jQuery val()-Methode erhalten wird:

Beispiel

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

Versuchen Sie es selbst

Attribut erhalten - attr()

Die jQuery attr()-Methode wird verwendet, um Attributwerte zu erhalten.

Der folgende Beispiel zeigt, wie der Wert der href-Attribut des Links erhalten wird:

Beispiel

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

Versuchen Sie es selbst

Das nächste Kapitel wird erläutern, wie Inhalte und Attributwerte (verändern) eingestellt werden.

jQuery HTML Referenzhandbuch

Für den vollständigen Inhalt der jQuery HTML-Methode besuchen Sie bitte die folgende Referenzhandbuch: