logo

jQuery ajouter()

La méthode jQuery append() est utilisée pour insérer le contenu spécifié comme dernier enfant (à la fin des) éléments sélectionnés dans la collection jQuery.

Les méthodes append() et appendTo() sont utilisées pour effectuer la même tâche. La seule différence entre eux réside dans la syntaxe.

Syntaxe :

saisir une chaîne en java
 $(selector).append(content, function(index, html)) 

Paramètres de la méthode jQuery append()

Il renvoie la position d'index de l'élément dans l'ensemble.Il renvoie le HTML actuel de l'élément sélectionné.
Paramètre Description
Contenu C'est un paramètre obligatoire. Il précise le contenu que vous souhaitez insérer. Ses valeurs possibles sont :
  • Éléments HTML
  • Objets jQuery
  • Éléments DOM
Fonction (index,html) C'est un paramètre facultatif. Il spécifie la fonction qui renvoie le contenu à insérer.
Indice:
HTML :

Exemple de méthode jQuery append()

Prenons un exemple pour démontrer la méthode jQuery append().

 $(document).ready(function(){ $(&apos;#btn1&apos;).click(function(){ $(&apos;p&apos;).append(&apos; <b>Newly added appended text</b> .&apos;); }); $(&apos;#btn2&apos;).click(function(){ $(&apos;ol&apos;).append(&apos;<li> <b>Newly added appended item</b> </li>&apos;); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append item 
Testez-le maintenant