小程序游戏代码_jQuery简略完成向列表动态添加新

jQuery简单实现向列表动态添加新元素的方法示例       这篇文章主要介绍了jQuery简单实现向列表动态添加新元素的方法,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下

本文实例讲述了jQuery简单实现向列表动态添加新元素的方法。分享给大家供大家参考，具体如下：

先看看效果图：

完整实现代码如下：

 !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 
 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 

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。