用JQ实现基础的添加,插入,删除功能。
程序员文章站
2022-08-11 14:22:09
在eclipse里面运行代码即可，如果您是其他应用，请选择对您有帮助的代码即可，如果有写错或不懂的地方请联系QQ：1633420056，谢谢，祝学习进步 Insert title here ......</div>
<div class="content">
<p>在eclipse里面运行代码即可，如果您是其他应用，请选择对您有帮助的代码即可，如果有写错或不懂的地方请联系qq：1633420056，谢谢，祝学习进步</p>
<p><!doctype html><br><html><br><head><br><meta charset="utf-8"><br><title>insert title here</title><br><script type="text/javascript" src="../jq/jquery-1.4.2.min.js"></script><br><script type="text/javascript"><br> function fn1() { //添加<br> //获取用户的输入内容<br> var username = $("#username").attr("value");<br> //创建li标签并添加内容<br> var $li = $("<li>" + username + "</li>");<br> //把li装ul<br> $("#aa").append($li);<br> }<br> function fn2() { //插入<br> var username = $("#username").attr("value");<br> var $li = $("<li>" + username + "</li>");<br> $("#sh").after($li)<br> }<br> function fn3() { //删除<br> //通过元素自己删除<br> //$("#sh").remove();<br> //先得到所有的li 然后删除里面id为sh的<br> $("li").remove("#sh");<br> }<br></script><br></head><br><body><br> <input type="text" id="username"><br> <input type="button" value="添加" onclick="fn1()"><br> <input type="button" value="插入" onclick="fn2()"><br> <input type="button" value="删除" onclick="fn3()"></p>
<p> <ul id="aa"><br> <li>北京</li><br> <li id="sh">上海</li><br> <li>广州</li><br> </ul><br></body><br></html></p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1799597.html">
AMD：锐龙会继续增加核心 只要软件跟得上 </a>
</p>
<p>
下一篇： <a href="/article/1799599.html">
用户反馈：苹果16英寸MBP存在音频爆音问题 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/1926012.html" target="_blank" title="jQuery实现用户信息表格的添加和删除功能">
<h2>
jQuery实现用户信息表格的添加和删除功能 </h2>
</a>
</li>
<li>
<a href="/article/1799598.html" target="_blank" title="用JQ实现基础的添加,插入,删除功能。">
<h2>
用JQ实现基础的添加,插入,删除功能。 </h2>
</a>
</li>
<li>
<a href="/article/1667073.html" target="_blank" title="jQuery实现的简单动态添加、删除表格功能示例">
<h2>
jQuery实现的简单动态添加、删除表格功能示例 </h2>
</a>
</li>
<li>
<a href="/article/1569992.html" target="_blank" title="用EasyUI-DataGrid实现列表批量删除的功能（ASP.NET/MVC）">
<h2>
用EasyUI-DataGrid实现列表批量删除的功能（ASP.NET/MVC） </h2>
</a>
</li>
<li>
<a href="/article/1511482.html" target="_blank" title="DevExpress的TreeList实现节点上添加自定义右键菜单并实现删除节点功能">
<h2>
DevExpress的TreeList实现节点上添加自定义右键菜单并实现删除节点功能 </h2>
</a>
</li>
<li>
<a href="/article/1415877.html" target="_blank" title="Java实现二叉搜索树的插入、删除功能">
<h2>
Java实现二叉搜索树的插入、删除功能 </h2>
</a>
</li>
<li>
<a href="/article/1364137.html" target="_blank" title="不用框架，纯PHP，能实现这样的功能吗？有很多页面，有插入删除修改功能，只写一种增删改方法，其他页面也能共用这一个方法">
<h2>
不用框架，纯PHP，能实现这样的功能吗？有很多页面，有插入删除修改功能，只写一种增删改方法，其他页面也能共用这一个方法 </h2>
</a>
</li>
<li>
<a href="/article/1359410.html" target="_blank" title="用ThinkPHP框架实现用户信息查询以及更新删除的功能">
<h2>
用ThinkPHP框架实现用户信息查询以及更新删除的功能 </h2>
</a>
</li>
<li>
<a href="/article/1341172.html" target="_blank" title="不要框架，纯PHP，能实现这样的功能吗？有很多页面，有插入删除修改功能，只写一种增删改方法，其他页面也能共用这一个方法">
<h2>
不要框架，纯PHP，能实现这样的功能吗？有很多页面，有插入删除修改功能，只写一种增删改方法，其他页面也能共用这一个方法 </h2>
</a>
</li>
<li>
<a href="/article/1218602.html" target="_blank" title="jQuery实现用户信息表格的添加和删除功能">
<h2>
jQuery实现用户信息表格的添加和删除功能 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>