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

2019-11-19 14:39:10

字体：大中小

来源：转载

供稿：网友

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

先看看效果图：

完整实现代码如下：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>www.VeVB.COm jQuery列表添加新元素</title><script src="jquery-1.7.2.min.js"></script></head><body><h3>li列表：</h3><ol>    <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常见事件用法与技巧总结》、《jQuery页面元素操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

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

上一篇：用React-Native+Mobx做一个迷你水果商城APP(附源码)

下一篇：Webpack优化配置缩小文件搜索范围