Insérer à l’intérieur

1. Première méthode

append(contenu) append

Ajoute du contenu à la fin de l’élément spécifié, sans supprimer le contenu existant.

Le contenu peut être une chaîne de caractères, du HTML ou un objet jQuery.

append(fonction)

Depuis la version 1.4 de jQuery, l’élément à ajouter peut aussi être compris dans une fonction.

$("p").append("<b>Hello</b>") : insère à la fin du paragraphe les éléments fournis en arguments.

Cette méthode renvoie un objet jQuery.

Les experts du JavaScript et de l’écriture du DOM auront reconnu la méthode appendChild().

prepend(contenu) prepend

Ajoute du contenu au début de l’élément spécifié, sans supprimer le contenu existant.

Le contenu peut être une chaîne de caractères, du HTML ou un objet jQuery.

prepend(fonction)

Depuis la version 1.4 de jQuery, l’élément à ajouter peut également être compris dans une fonction.

$("p").prepend("<b>Hello</b>") : insère au début du paragraphe les éléments fournis en arguments.

Cette méthode renvoie un objet jQuery.

Exemple

Ajoutons du contenu au début et à la fin dans l’élément boîte du point précédent.

Affichage initial :

Affichage obtenu après avoir cliqué...