Méthode prependTo() jQuery

jQuery HTML/Méthodes CSS

La méthode prependTo() insère des éléments HTML à la tête de chaque élément sélectionné (comme premier élément fils).

Pour insérer un élément HTML à la fin de l'élément sélectionné, utilisezappendTo()méthode.

Cetteprepend()et exécute la même tâche que la méthode prependTo(). La principale différence réside dans la syntaxe :

• Utilisationprepend()Le sélecteur d'expression avant la méthode est le conteneur dans lequel le contenu est inséré

• UtilisationprependTo()Le sélecteur d'expression se trouve avant la méthode et l'insère dans le conteneur cible

//prepend()
$("#btnpre").click(function(){
//Cette méthode insère le contenu spécifié au début de l'élément sélectionné (encore à l'intérieur).
　　$("div").prepend("<p>Hello　prepend!</p>");
});
//prependTo()
$("#btnpreto").click(function(){
//La méthode prependTo() insère le contenu spécifié au début de l'élément sélectionné (encore à l'intérieur).
　　$("<p>Hello prependTo!</p>").prependTo("div");
});

Syntaxe :

$(content).prependTo(selector)

Exemple

Ajoutez un élément <b>au début de tous les paragraphes :

$("button").click(function(){
　　$("<b>Hello world</b>").prependTo("p");
});

Utilisez la méthode prependTo() pour insérer un élément existant au début de chaque élément sélectionné :

$("button").click(function(){
　　$("h1").prependTo("p");
});

Valeur du paramètre

jQuery HTML/Méthodes CSS