Maison >interface Web >js tutoriel >Comment ajouter du nouveau contenu via jQuery
Cet article présente comment utiliser diverses méthodes pour ajouter du nouveau contenu avec jQuery. Il a une certaine valeur de référence et j'espère qu'il sera utile. à tout le monde.
Il existe de nombreuses façons d'ajouter du nouveau contenu via jQuery. Vous pouvez utiliser la méthode append() et la méthode prepend() pour insérer du contenu à la fin et au début de l'élément sélectionné.
Apprentissage recommandé : [Tutoriel jQuery]
la méthode append()
la méthode append() est en cours Insérer du contenu à la fin de l'élément sélectionné
$(selector).append(content); 标签 内容
Lorsque nous cliquons sur le bouton, ajoutez du texte bonjour après l'élément p
$("button").click(function(){ $("p").append(" <b>Hello</b>"); })
Dans en plus de la méthode append(), et il existe également une méthode appendTo(), qui indiquent toutes deux l'insertion de contenu à la fin de l'élément. Cependant, lorsque appendTo() est utilisé, l'élément sélectionné sera inversé avec le contenu
Méthode appendTo()
$(content).appendTo(selector) 内容 标签Quand on clique le bouton, ajoutez du texte bonjour après l'élément p La méthode insère du contenu au début de l'élément sélectionné, utilisation identique à la méthode append()
$("button").click(function(){ $("<b>Hello</b>").append(" p"); })
prependTo()
Affichage du code$(selector).prepend(content) 标签 内容Rendu après clic
Résumé : ce qui précède est le contenu partagé dans cet article, j'espère que ce sera le cas. utile pour tout le monde pour apprendre jQuery et ajouter du contenu.
$(content).prependTo(selector) 内容 标签
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!