jQuery ajoute un nouvel élément à la liste dynamique-js tutoriel-php.cn

jQuery ajoute un nouvel élément à la liste dynamique

php中世界最好的语言

Libérer： 2018-03-15 13:50:58

original

2313 Les gens l'ont consulté

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>

Copier après la connexion

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!