Maison >interface Web >js tutoriel >Comment ajouter du nouveau contenu via jQuery

Comment ajouter du nouveau contenu via jQuery

清浅
清浅original
2018-11-14 11:10:013830parcourir



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)
  内容      标签

Image 5.jpg

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn