本文主要介绍jQuery向列表动态添加新元素的简单实现，涉及jQuery事件响应和页面元素动态操作的实现技巧。有需要的可以参考一下。

本文描述了jQuery的简单实现，用于向列表中动态添加新元素。分享给你，供你参考，如下：

先看效果图：

完整的实现代码如下：

！文档类型html

html lang=en

头

meta charset=UTF-8

在titlewww.jb51.net的jQuery列表中添加新元素/标题

脚本src= jquery-1 . 7 . 2 . min . js /script

/头

身体

h3列表：/h3

开环（同Open Loop）

lijb 51/李

liphp/李

lijavascript/li

liHTML5/li

/ol

输入类型=text id=text

type= button id= BTN value= add

脚本类型=文本/javascript

$(function () {

$(#btn )。单击(函数(){

$(ol )。append(li $(#text )。val()/Li )；

});

});

/脚本

/body

/html

更多对jQuery感兴趣的读者，请参考我们的专题：《jQuery常见事件用法与技巧总结》、《jQuery页面元素操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》和《jquery选择器用法总结》

希望这篇文章对jQuery编程的大家有所帮助。