Exemple jQuery prepend () et prependTo ()

Les méthodes jQueryprepend() etprependTo() effectuent la même tâche, ajouter un contenu texte ou html avant le contenu des éléments correspondants. La principale différence réside dans la syntaxe.

Par exemple,

I'm a big box
I'm a big box 2

1. $(‘selector’).prepend(‘new text’);

$('.box').prepend("I'm new box by prepend
");

2. $(‘new text’).prependTo(‘selector’);

 $("I'm new box by prependTo
").prependTo('.box');

Résultat

Les deux méthodes ci-dessus font la même tâche, mais avec une syntaxe différente, le nouveau contenu aprèsprepend() ouprependTo() deviendra
. C'est un outil vraiment polyvalent à avoir. Pour tout site Web sur lequel vous souhaitez un curseur, c'est la façon de le faire. Si vous regardez l'un des grands sites Web, par exemple un site commewww.o2.co.uk/ ou un site Web de film, vous en verrez probablement un en cours d'utilisation. C'est un excellent moyen d'avoir une rotation d'images qui a l'air intelligente et attire l'attention du spectateur. Il ajoute une dimension différente à votre site Web qui le fera vraiment se démarquer des autres.


   I'm new box by prepend
   I'm a big box



   I'm new box by prepend
   I'm a big box 2

Essayez-le vous-même

jQuery prepend() and prependTo example

I'm a big box

I'm a big box 2

Essayez la démo

TOC

Exemple avec jQuery prepend () et prependTo ()