Anwendungsbeispiele der html()-Methode in jQuery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der html()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann den HTML-Inhalt des passenden Elements festlegen und abrufen, und der ursprüngliche Inhalt wird durch den neu festgelegten Inhalt ersetzt.

Besondere Hinweise:

HTML-Inhalt bedeutet, dass der Inhalt HTML-Tags enthalten und vom Browser gerendert werden kann.
Der Textinhalt besteht darin, zunächst die vordefinierten HTML-Zeichen im Inhalt in HTML-Zeicheneinheiten umzuwandeln, sodass die HTML-Tags nicht gerendert werden.
Grammatikstruktur 1:

Code kopieren Der Code lautet wie folgt:

$(selector).html()

Wenn die Methode zu diesem Zeitpunkt keine Parameter akzeptiert, erhält sie den HTML-Inhalt des ersten übereinstimmenden Elements.

Diese Methode ähnelt der text()-Methode ohne Parameter, es gibt jedoch immer noch große Unterschiede:

1. Die Methode html() ruft den Inhalt des ersten übereinstimmenden Elements ab, während die Methode text() den Inhalt aller übereinstimmenden Elemente abruft.
2. Die Methode html() ruft den HTML-Inhalt ab, während die Methode text() den Textinhalt abruft.

Beispielcode:

Code kopieren Der Code lautet wie folgt:

• Script House heißt Sie herzlich willkommen

Klicken Sie, um den Effekt zu sehen

Der obige Code gibt den Inhalt im div-Element zurück.

Grammatikstruktur 2:

Code kopieren Der Code lautet wie folgt:

$(selector).html(content)

Mit Parametern wird der HTML-Inhalt aller übereinstimmenden Elemente festgelegt.
Diese Methode ähnelt der text()-Methode mit Parametern, es gibt jedoch immer noch große Unterschiede:
Die Methode html() legt den HTML-Inhalt fest, während die Methode text() den Textinhalt festlegt.

Beispielcode:

Der folgende Code setzt den HTML-Inhalt im div auf „Ich bin der zurückgesetzte Inhalt“.

Code kopieren Der Code lautet wie folgt:

Originalinhalt

Klicken Sie, um den Effekt zu sehen

实例二:

复制代码 代码如下:

点击查看效果

通过此实例大家可以观察一下html内容和文本内容的区别.

Sie haben die jQuery-Version mit jQuery erstellt.