Latest web development tutorials

jQuery bekommen Inhalt und Eigenschaften

jQuery hat betreibbar HTML-Elemente und Attribute leistungsfähige Methode.

jQuery DOM-Operationen

jQuery ist ein sehr wichtiger Teil der Fähigkeit, DOM-Operationen ist.

jQuery bietet eine Reihe von Methoden, mit dem DOM zugeordnet, die vereinfacht den Zugriff und Manipulation von Elementen und Attributen sehr einfach geworden.

LampeDOM = Document Object Model (Document Object Model)

DOM HTML und XML-Dokumente Zugangskriterien zu definieren:

"W3C Document Object Model plattformunabhängig und Sprache-Schnittstelle, die dynamisch Programmen und Skripten ermöglicht den Zugriff auf und die Dokumentstruktur und Stil zu aktualisieren."


Erhalten Inhalt - Text (), HTML () und val ()

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

  • (Text) - Legt fest oder gibt den Text-Inhalt des ausgewählten Elements
  • (Html) - Setzt oder gibt den Inhalt des ausgewählten Elements (einschließlich HTML-Tags)
  • val () - Gibt den Wert oder die Formularfelder

Das folgende Beispiel zeigt, wie jQuery text () und html () Methode, den Inhalt zu bekommen:

Beispiele

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

Versuchen »

Das folgende Beispiel zeigt, wie jQuery val () -Methode Werte von Eingabefeldern zu erhalten:

Beispiele

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

Versuchen »

Holen Immobilien - attr ()

jQuery attr () -Methode verwendet, um den Eigenschaftswert zu erhalten.

Das folgende Beispiel zeigt, wie der Wert des link href-Attribut zu erhalten:

Beispiele

$ ( "Button"). Klicken Sie auf (function () {
alert ($ ( "# w3big") attr ( "href").);
});

Versuchen »

Das nächste Kapitel wird erklärt, wie zu setzen (Änderung) den Inhalt und Attributwerte.