Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Unterschiede in der Verwendung der Attribute html(), text() und val() in jquery

Detaillierte Erläuterung der Unterschiede in der Verwendung der Attribute html(), text() und val() in jquery

伊谢尔伦
伊谢尔伦Original
2017-06-19 15:17:101788Durchsuche

Einführung in html(), text() und val()

1. HTML

html(): Holen Sie sich den HTML-Inhalt des ersten Abgleichs Element. Diese Funktion kann nicht mit XML-Dokumenten verwendet werden. Es kann jedoch für XHTML-Dokumente
html(val) verwendet werden: Legen Sie den HTML-Inhalt jedes übereinstimmenden Elements fest. Diese Funktion kann nicht mit XML-Dokumenten verwendet werden. Es kann aber für XHTML-Dokumente verwendet werden.

2.TEXT

text(): Den Inhalt aller passenden Elemente abrufen.
Das Ergebnis ist der Text, der sich aus den in allen passenden Elementen enthaltenen Textinhalten zusammensetzt. Diese Methode funktioniert sowohl für HTML- als auch für XML-Dokumente.
text(val): Legt den Textinhalt aller übereinstimmenden Elemente fest
Ähnlich wie html(), kodiert jedoch HTML (ersetzen Sie „<“ und „>“ durch entsprechende HTML-Entitäten).

3.VAL

val(): Ermittelt den aktuellen Wert des ersten passenden Elements.
val(val): Legen Sie den Wert jedes passenden Elements fest.

Der Unterschied zwischen html(), text() und val()

Erstens gibt es zwei Methoden im html-Attribut , einer mit Parametern, Ein Parameterloser
1. Parameterloser HTML(): Ruft den HTML-Inhalt des ersten übereinstimmenden Elements ab. Diese Funktion kann nicht mit XML-Dokumenten verwendet werden. Es kann jedoch für XHTML-Dokumente verwendet werden und gibt einen String zurück.
Beispiel:
HTML-Seitencode:

Hallo


jquery-Code: $( "div").html();
Ergebnis: Hallo
2. Parameter html (val): Legt den HTML-Inhalt jedes passenden Elements fest. Diese Funktion kann nicht mit XML-Dokumenten verwendet werden. Es kann aber für XHTML-Dokumente verwendet werden. Geben Sie ein JQuery-Objekt zurück.
HTML-Seitencode:
;
Ergebnis: [

Schön, Sie kennenzulernen

Zweitens gibt es zwei Methoden im Textattribut, eine mit Parametern und eine ohne Parameter
1. Keine Parameter text(): Den Inhalt aller übereinstimmenden Elemente abrufen. Das Ergebnis ist der Text, der sich aus den in allen passenden Elementen enthaltenen Textinhalten zusammensetzt. Was zurückgegeben wird, ist ein String
Beispiel:
HTML-Seitencode:

Hallo fein

Danke!

;
jquery code: $("p").text();
Ergebnis: HellofineThankyou!

2 ( ) ist ähnlich, kodiert jedoch HTML (ersetzen Sie „<“ und „>“ durch die entsprechenden HTML-Entitäten. Geben Sie einen HTML-Seitencode für ein JQuery-Objekt zurück:

Test Paragraph.


jquery code: $("p").text("Some neuer Text.");
Ergebnis:[

Some neuer Text.

]

Schließlich gibt es zwei Methoden im val()-Attribut, eine mit Parametern und eine ohne Parameter.
1. Parameterloser val(): Ermittelt den aktuellen Wert des ersten passenden Elements. In jQuery 1.2 können Sie den Wert eines beliebigen Elements zurückgeben. Einschließlich auswählen. Bei Mehrfachauswahl wird ein Array mit den ausgewählten Werten zurückgegeben.
gibt eine String-Array-


-Instanz

zurück

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Unterschiede in der Verwendung der Attribute html(), text() und val() in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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