Maison > Article > interface Web > Comment ajouter une ligne d'informations à la fin avec jquery

Comment ajouter une ligne d'informations à la fin avec jquery

WBOYoriginal: 2021-11-23 17:18:572268parcourir

Comment ajouter une ligne d'informations à la fin de jquery : 1. Utilisez l'instruction "$(element)" pour correspondre à l'objet élément auquel vous souhaitez ajouter des informations ; 2. Utilisez la méthode append() pour ajouter une ligne ; d'informations à la fin de l'élément. La syntaxe est "élément objet .append("Informations à ajouter");".

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur Dell G3.

Comment ajouter une ligne d'informations à la fin dans jquery

Dans jquery, vous pouvez utiliser la méthode append() pour ajouter une ligne d'informations à la fin. La méthode append() insère le contenu spécifié. à la fin de l'élément sélectionné (toujours à l'intérieur).

La syntaxe de cette méthode est :

$(selector).append(content)

où content représente le contenu à ajouter dans la dernière ligne.

Jetons un coup d'œil à l'exemple ci-dessous :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <p>这是在最后添加的一行信息</p>");
  });
});
</script>
</head>
<body>
<p>这是初始的一行信息</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

Résultat de sortie :

Comment ajouter une ligne dinformations à la fin avec jquery

Après avoir cliqué sur le bouton :

Comment ajouter une ligne dinformations à la fin avec jquery

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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!

jquery append 对象

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

Article précédent：Comment faire disparaître et afficher automatiquement des éléments dans jqueryArticle suivant：Comment faire disparaître et afficher automatiquement des éléments dans jquery

Articles Liés

Voir plus