Exemples d'utilisation de la méthode html() dans jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode html() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode peut définir et obtenir le contenu HTML de l'élément correspondant, et le contenu d'origine sera remplacé par le contenu nouvellement défini.

Instructions particulières :

Le contenu HTML signifie que le contenu peut contenir des balises HTML et peut être restitué par le navigateur.
Le contenu du texte doit d'abord convertir les caractères HTML prédéfinis dans le contenu en entités de caractères HTML, afin que les balises HTML ne soient pas rendues.
Structure grammaticale 1 :

Copier le code Le code est le suivant :

$(selector).html()

A ce moment, lorsque la méthode ne prend aucun paramètre, elle obtient le contenu html du premier élément correspondant.

Cette méthode est similaire à la méthode text() sans paramètres, mais il y a quand même de grandes différences :

1. La méthode html() obtient le contenu du premier élément correspondant, tandis que la méthode text() obtient le contenu contenu dans tous les éléments correspondants.
2. La méthode html() obtient le contenu HTML, tandis que la méthode text() obtient le contenu texte.

Exemple de code :

Copier le code Le code est le suivant :

• Script House vous souhaite la bienvenue

Cliquez pour voir l'effet

Le code ci-dessus renverra le contenu de l'élément div.

Structure grammaticale 2 :

Copier le code Le code est le suivant :

$(selector).html(content)

Avec des paramètres, il définit le contenu html de tous les éléments correspondants.
Cette méthode est similaire à la méthode text() avec des paramètres, mais il existe encore de grandes différences :
La méthode html() définit le contenu html, tandis que la méthode text() définit le contenu du texte.

Exemple de code :

Le code suivant définit le contenu HTML du div sur "Je suis le contenu réinitialisé".

Copier le code Le code est le suivant :

Contenu original

Cliquez pour voir l'effet

实例二 :

复制代码 代码如下 :

点击查看效果

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

希望本文所述对大家的jQuery程序设计有所帮助。