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()
Paramètre | Description | ||
---|---|---|---|
Contenu | C'est un paramètre obligatoire. Il précise le contenu que vous souhaitez insérer. Ses valeurs possibles sont :
| ||
Fonction (index,html) | C'est un paramètre facultatif. Il spécifie la fonction qui renvoie le contenu à insérer.Indice: | Il renvoie la position d'index de l'élément dans l'ensemble.HTML : | Il renvoie le HTML actuel de l'élément sélectionné. |
Exemple de méthode jQuery append()
Prenons un exemple pour démontrer la méthode jQuery append().
$(document).ready(function(){ $('#btn1').click(function(){ $('p').append(' <b>Newly added appended text</b> .'); }); $('#btn2').click(function(){ $('ol').append('<li> <b>Newly added appended item</b> </li>'); }); }); <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 itemTestez-le maintenant