本文主要介绍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编程的大家有所帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。