jQuery - Inhalt und Attribute abrufen

jQuery bietet leistungsstarke Methoden zur Manipulation von HTML-Elementen und Attributen.

jQuery DOM-Manipulation

Ein sehr wichtiger Teil von jQuery ist seine Fähigkeit, das DOM zu manipulieren.

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

lamp DOM = Document Object Model

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

"Das W3C Document Object Model ist eine plattform- und sprachneutrale Schnittstelle, die Programmen und Skripten ermöglicht, dynamisch auf den Inhalt, die Struktur und den Stil von Dokumenten zuzugreifen und sie zu aktualisieren."

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

Drei einfache, praktische jQuery-Methoden zur DOM-Manipulation:

  • text()- Legt den Textinhalt der ausgewählten Elemente fest oder gibt ihn zurück
  • html()- Legt den Inhalt der ausgewählten Elemente fest oder gibt ihn zurück (einschließlich HTML-Tags)
  • val()- Wert von Formularfeldern setzen oder zurückgeben

Das folgende Beispiel zeigt, wie Inhalte mit den jQuery-Methoden text() und html() abgerufen werden:

Beispiel

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

Selbst ausprobieren »

Das folgende Beispiel zeigt, wie der Wert eines Eingabefelds mit der jQuery-Methode val() abgerufen wird:

Beispiel

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

Selbst ausprobieren »

Attribute abrufen - attr()

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

Das folgende Beispiel zeigt, wie der Wert des href-Attributs in einem Link abgerufen wird:

Beispiel

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

Selbst ausprobieren »

Im nächsten Kapitel wird erklärt, wie man Inhalte und Attributwerte festlegt (ändert).

Andere Erweiterungen