宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

本文演示了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程序设计有所帮助。

更多资讯
游戏推荐
更多+