Section courante

A propos

Section administrative du site

append

jQuery
JavaScript Version 1.0+

Syntaxe

.append( content [, content] ); Version 1.0+
.append( function(index, html) ); Version 1.4+

Paramètres

Nom Description
content [, content] Ce paramètre permet d'indiquer le contenu à insérer à la fin de chacun élément dans dans l'ensemble des éléments correspondant.
function(index, html) Ce paramètre permet d'indiquer une fonction retournant une chaîne de caractères HTML, des éléments DOM ou un objet jQuery à insérer à la fin de chaque élément dans l'ensemble d'éléments correspondant.

Description

Cette méthode permet d'insérer le contenu spécifié à la fin de chaque élément de l'ensemble d'éléments correspondant.

Remarque

Exemples

L'exemple suivant permet d'ajouter un «META» de compatibilité avec IE7 par l'intermédiaire du jQuery :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  5. </head>
  6. <body>
  7. <script>
  8. $('head').append('<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ');
  9. </script>
  10. </body>
  11. </html>

L'exemple suivant permet d'ajouter un élément au début de la balise SELECT de HTML et l'autre à la fin de la balise SELECT du HTML :

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  5. </head>
  6. <body>
  7. <select id="MyOption">
  8.      <option value="AA">AA</option>
  9.      <option value="BB">BB</option>
  10.      <option value="CC">CC</option>
  11.      <option value="CC">DD</option>
  12. </select>
  13. <script>
  14. jQuery("#MyOption").prepend('<option value="-1">Debut</option>');
  15. jQuery("#MyOption").append('<option value="0">Fin</option>');
  16. </script>
  17. </body>
  18. </html>

on obtiendra le résultat suivant :



Dernière mise à jour : Vendredi, le 30 octobre 2015