Dans cette vidéo, je vous montre comment ajouter dynamiquement des éléments dans une page Web avec jQuery. Pour cela, j'utilise les fonctions insertBefore, before, insertAfter, after, prependTo, prepend, appendTo, et append. Je vous présente aussi la fonction remove, qui permet de supprimer un élément de la page.

Ressources



Aide mémoire :
/****** Insérer un élément AVANT un autre ******/
$(NOUVEAU).insertBefore(EXISTANT);
$(EXISTANT).before(NOUVEAU);

/****** Insérer un élément APRES un autre ******/
$(NOUVEAU).insertAfter(EXISTANT);
$(EXISTANT).after(NOUVEAU);

/****** Ajouter un élément DANS un autre (au début) ******/
$(NOUVEAU).prependTo(EXISTANT);
$(EXISTANT).prepend(NOUVEAU);

/****** Ajouter un élément DANS un autre (à la fin) ******/
$(NOUVEAU).appendTo(EXISTANT);
$(EXISTANT).append(NOUVEAU);

/****** Supprimer un élément ******/
$(EXISTANT).remove();


blog comments powered by Disqus


Nicolas Thomas

Passionné par le Web, je crée des sites Internet depuis plus de 10 ans.
Après avoir obtenu un Master d'Informatique et de Gestion, j'ai lancé mon Agence Web en 2010 et c'est avec plaisir que je mènerai à bien votre projet de création de site Internet, si vous m'en confiez la responsabilité.


Retourner à l'accueil