jQuery向列表动态添加新元素的简单实现方法示例

本文演示了jQuery的简单实现，它可以向列表中动态添加新元素。分享给大家参考，如下：

先看效果图：

完整的实现代码如下：

！doctype html lang=' en ' head meta charset=' utf-8 ' title www.jb51.net jquery list添加新元素/title script src=' http : jquery-1 . 7 . 2 . min . js '/script/head dyh3listlist:/h3ol lijb 51/Li liphp/Li lijavascript/Li litml 5/Li/Ol输入类型=' text' id=' text '输入类型=' button' id=' BTN '值=' add' script类型=' text '单击(function () {$ ('ol '))。追加})；});/script/body/html对jQuery比较感兴趣的读者，可以查看本网站的主题：《jQuery常见事件用法与技巧总结》、《jQuery页面元素操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》和《jquery选择器用法总结》。

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