Verwendung der text()-Methode von jQuery Analysis_jquery

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

Diese Methode gibt den Textinhalt des passenden Elements zurück oder legt ihn fest.
Weitere Informationen finden Sie im Referenzhandbuch zur text()-Methode.

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.

Verwendung der text()-Methode:

Verwendung 1:

Wenn diese Methode keine Parameter benötigt, besteht ihre Funktion darin, den Textinhalt aller übereinstimmenden Elemente abzurufen, und das Ergebnis ist der Text, der durch den in allen übereinstimmenden Elementen enthaltenen Textinhalt kombiniert wird.

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

Die Methode 1.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.

Der Beispielcode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

• html-Bereich


• DIV CSS Zone


• jquery-Bereich

Klicken Sie, um den Effekt zu sehen

Der obige Code kann angezeigt werden und den gesamten Textinhalt im div abrufen.

Verwendung 2:

Mit Parametern wird der Textinhalt aller passenden Elemente festgelegt.
Diese Methode ähnelt der html()-Methode mit Parametern, es gibt jedoch immer noch große Unterschiede:
Die Methode text() legt den Textinhalt des übereinstimmenden Elements fest und konvertiert reservierte Zeichen in HTML (z. B. das Größer-als-Zeichen (>)) zur korrekten Anzeige in HTML-Zeichenentitäten, während die Methode html() den passenden Inhalt festlegt HTML-Inhalt des Elements.

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Originalinhalt

Klicken Sie, um den Effekt zu sehen

Beispielcode drei:

Code kopieren Der Code lautet wie folgt:

点击查看效果

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

Sie haben die jQuery-Version mit jQuery erstellt.