jquery ajouter du HTML

jQuery est une bibliothèque JavaScript concise qui permet de manipuler très simplement des documents HTML de manière plus pratique. Parmi eux, jQuery propose de nombreuses méthodes pour manipuler et modifier des éléments dans des documents HTML. Cet article explique comment ajouter du HTML dans jQuery selon le titre.

1. Qu'est-ce que l'ajout de HTML ?

HTML (Hyper Text Markup Language) est un langage utilisé pour décrire la structure des pages Web. Lorsque nous parcourons une page Web, tout ce que nous voyons est construit à partir de code HTML. Dans jQuery, nous pouvons modifier le contenu de la page Web en ajoutant ou en modifiant ces codes HTML.

L'ajout de HTML fait généralement référence à l'ajout de nouveaux éléments HTML ou de contenu HTML à l'intérieur ou à l'extérieur d'un élément HTML. Ces opérations peuvent être réalisées grâce à certaines méthodes dans jQuery. Dans le contenu suivant, nous montrerons quelques exemples d’utilisation de ces méthodes.

2. Ajouter du HTML à l'intérieur d'un élément

1. méthode append()

La méthode append() de jQuery peut ajouter un ou plusieurs contenus à la fin d'un élément. Dans l'exemple suivant, nous utiliserons cette méthode pour ajouter un élément

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").append("<div>这是新增的元素</div>");

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").prepend("<p>这是新增的段落</p>");

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").after("<div>这是新增的元素</div>");

<div id="container">
  <!--这里是一些内容-->
</div>

$("#container").before("<p>这是新增的段落</p>");