La méthode append est une méthode qui peut ajouter dynamiquement des éléments html. Il est très pratique d'utiliser la méthode append. Vous pouvez ajouter n'importe quel nombre de lignes d'éléments html. ajouter la méthode.
Comment utiliser la méthode append ?
$(‘选择器’).append(‘添加的内容’);
Après avoir spécifié la classe et l'ID dans le sélecteur, appelez append et spécifiez ce qu'il faut ajouter.
Regardons un exemple précis
Ajoutez l'élément li dans la balise ul en cliquant sur le bouton, le code est le suivant
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(function() {
$("button").click(function() {
$("ul").append("<li>添加的内容</li>");
});
});
</script>
</head>
<body>
<button>button</button>
<ul>
</ul>
</body>
</html>Créez un déclencheur pour être déclenché lorsque l'on clique sur le bouton, puis exécutez la méthode append.
Écrivez une méthode d'ajout pour le sélecteur, spécifiez la balise ul et ajoutez la balise li au sélecteur.
Ainsi, chaque fois que vous appuyez sur le bouton, la méthode append est appelée et le nombre d'éléments est incrémenté.
L'effet d'affichage sur le navigateur est le suivant
Lorsque vous cliquez sur le bouton, un élément de contenu apparaîtra à chaque fois que vous cliquez dessus. L'effet de cinq clics est le suivant :
Cet article se termine ici Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !
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!
Que faire si la visionneuse de photos Windows manque de mémoire
ppt en mot
Comment créer des graphiques et des graphiques d'analyse de données en PPT
Comment configurer Douyin pour empêcher tout le monde de voir l'œuvre
À quel point le Dimensity 8200 est-il égal à Snapdragon ?
échange de devises
Quels modèles de téléphones mobiles Hongmeng OS 3.0 prend-il en charge ?
Combien vaut un Bitcoin en RMB ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
