Heim > Artikel > Web-Frontend > Soldaten der jQuery-Aktionsliste fügen ihr dynamisch neue Elemente hinzu
Soldaten der jQuery-Aktionsliste fügen ihr dynamisch neue Elemente hinzu
- php中世界最好的语言Original
- 2018-04-19 14:00:021406Durchsuche
Dieses Mal bringe ich Ihnen jQuery zum dynamischen Hinzufügen neuer Elemente zu einem Listensoldaten und welche Vorsichtsmaßnahmen für die Verwendung von jQuery zum dynamischen Hinzufügen neuer Elemente zu einem Listensoldaten gelten. Im Folgenden werfen wir einen Blick auf praktische Fälle.
Der vollständige Implementierungscode lautet wie folgt:
<!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>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Verwenden Sie JS, um den Bestätigungscode nach 60 Sekunden erneut zu senden
JS-String-Traversierung und -Abfangen, Ausgabe- und Berechnungsvorgänge
JS implementiert unbegrenzte Lade- und Paging-Funktion auf mobilen Endgeräten
Das obige ist der detaillierte Inhalt vonSoldaten der jQuery-Aktionsliste fügen ihr dynamisch neue Elemente hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!