suchen

Heim >Web-Frontend >js-Tutorial >Inhalt des JQuery-Elements: html(), text(), val()

Inhalt des JQuery-Elements: html(), text(), val()

无忌哥哥
无忌哥哥Original
2018-06-29 14:09:041545Durchsuche

jquery-Elementinhalt: html(), text(), val()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的内容: html(),text(),val()</title>
</head>
<body>
<div></div>
<form>
邮箱: <input type="text" name="email">
<button>提交</button>
</form>
</body>
</html>

html() ist dasselbe wie attr(), css() und verfügt abhängig davon über eigene Lese- und Einstellungsfunktionen die Parameter

1. Legen Sie den Elementinhalt fest, der beliebige Inhalte enthalten kann: untergeordnete Elemente oder Text, genau wie das native innerHTML-Attribut

Textknoten erstellen

var res = $(&#39;div&#39;).html(&#39;jQuery真的好方便&#39;)

Element erstellen Knoten

var res = $(&#39;div&#39;).html(&#39;<h2>jQuery真的好方便</h2>&#39;)
5fe4c2ef79905ad223c4c63e23f85e2aHerausfiltern, sodass nur der Textteil übrig bleibt

var res = $(&#39;div&#39;).html()

Wenn der Elementinhalt mehrere Unterelemente hat, wird der Text dieser Unterelemente zusammengeführt

var res = $(&#39;div&#39;).text()

Schauen wir uns zuerst die Ausgabe von html() an

var res = $(&#39;div&#39;).html(&#39;<h2>jQuery真的好方便</h2><p>大家要好好学</p>&#39;)

Dann verwenden Sie die Methode text() zur Ausgabe, vergleichen Sie die beiden Ausgabeergebnisse und achten Sie auf die neue Zeile in der Konsole mit n

var res = &#39;html()输出:&#39;+$(&#39;div&#39;).html()

text() Wenn Parameter vorhanden sind, handelt es sich um die Einstellungsoperation

res += &#39;\n&#39; + &#39;text()输出:&#39; + $(&#39;div&#39;).text()

3. Rufen Sie die Daten im Formularsteuerelement ab oder legen Sie sie fest: val(), was dem Wertattribut des Formularelements in entspricht der native 

var res = $(&#39;div&#39;).text(&#39;祝愿大家早日成为一名合格的Web开发程序员&#39;)

Lesen Sie den Wert des Wertattributs

$(&#39;button&#39;).click(function(){

Stellen Sie den Wert ein. Der Wert des Attributs

alert($(&#39;:text&#39;).val())

Sehen Sie sich das Ergebnis auf der Konsole an

$(':text').val('zhu@php.cn')
alert($(&#39;:text&#39;).val())
})

Das obige ist der detaillierte Inhalt vonInhalt des JQuery-Elements: html(), text(), val(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery css html innerHTML
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
Vorheriger Artikel：Einführung in die Verwendung von v-bind in VUENächster Artikel：Einführung in die Verwendung von v-bind in VUE

In Verbindung stehende Artikel

Mehr sehen