Inhalt des JQuery-Elements: html(), text(), val()-js-Tutorial-php.cn

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

无忌哥哥

Freigeben： 2018-06-29 14:09:04

Original

1577 Leute haben es durchsucht

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>

Nach dem Login kopieren

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

Nach dem Login kopieren

Element erstellen Knoten

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

Nach dem Login kopieren

< h2>Herausfiltern, sodass nur der Textteil übrig bleibt

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

Schauen wir uns zuerst die Ausgabe von html() an

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

Nach dem Login kopieren

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()

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Lesen Sie den Wert des Wertattributs

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

Nach dem Login kopieren

Stellen Sie den Wert ein. Der Wert des Attributs

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

Nach dem Login kopieren

Sehen Sie sich das Ergebnis auf der Konsole an

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

Nach dem Login kopieren

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!