jQuery Document Operations - Méthode html()

Manuel de référence des effets jQuery

Exemple

Définir le contenu de tous les éléments p :

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

Essayez-le vous-même

Définition et utilisation

La méthode html() retourne ou définit le contenu de l'élément sélectionné (HTML interne).

Si cette méthode ne définit pas de paramètres, elle retourne le contenu actuel de l'élément sélectionné.

Retourner le contenu de l'élément

Lorsque vous utilisez cette méthode pour retourner une valeur, elle retourne le contenu de la première élément correspondant.

Syntaxe

$(selector).html()

Essayez-le vous-même

Définir le contenu de l'élément

Lorsque vous utilisez cette méthode pour définir une valeur, elle remplace le contenu de tous les éléments correspondants.

Syntaxe

$(selector).html(content)

Essayez-le vous-même

Paramètres Description
content - Optionnel. Définissez le nouveau contenu de l'élément sélectionné. Ce paramètre peut contenir des balises HTML.

Utilisez une fonction pour définir le contenu des éléments

Utilisez une fonction pour définir le contenu de tous les éléments correspondants.

Syntaxe

$(selector).html(function(index,oldcontent))

Essayez-le vous-même

Paramètres Description
function(index,oldcontent)

Définit une fonction retournant le nouveau contenu des éléments sélectionnés.

  • index - Optionnel. Reçoit la position index du sélecteur.
  • oldcontent - Optionnel. Reçoit le contenu actuel du sélecteur.

Manuel de référence des effets jQuery