Heim > Web-Frontend > js-Tutorial > Tutorial zur JavaScript-Verbesserung – Inhalte und Attribute abrufen

Tutorial zur JavaScript-Verbesserung – Inhalte und Attribute abrufen

巴扎黑
Freigeben: 2016-11-25 14:36:00
Original
1096 Leute haben es durchsucht

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"));
});

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage