Cette fois, je vais vous apporter jQuery pour ajouter de nouveaux éléments à la liste dynamique. Quelles sont les précautions pour ajouter de nouveaux éléments à la liste dynamique avec jQuery. cas pratique. Jetons un coup d'oeil une fois.
Regardez d'abord les rendus :
Le code d'implémentation complet est le suivant :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery列表添加新元素</title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<h3>li列表：</h3>
<ol>
<li>jb51</li>
<li>php</li>
<li>javascript</li>
<li>HTML5</li>
</ol>
<input type="text" id="text">
<input type="button" id="btn" value="添加">
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
$('ol').append('<li>'+$('#text').val()+'</li>');
});
});
</script>
</body>
</html>Je crois que vous le maîtrisez après avoir lu le cas dans cet article Méthode, pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Service client en ligne pratique de type tiroir jQuery
Explication détaillée de l'utilisation du plug-in de visualisation d'images Magnify
JS réalise la fusion des mêmes cellules dans le tableau
Comment jQuery+ajax réalise la pagination dynamique des données
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 sont les plug-ins jquery ?
Comment trouver la valeur maximale et minimale d'un élément de tableau en Java
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
