jQuery 给append增加事件，复制网页内容

发布时间：2018-08-19 06:30:07 所属栏目：交互来源：站长网

导读：jQuery 复制网页指定标签的内容，给append的内容增加事件，点击一下按钮，会自动复制相关内容，请认真看代码里的注释，必须紧跟在append后面的同一个函数里面。本例为jQuery爱好者提供学习依据。为解决一些网页特效运行后不能显示效果（例如：jQuery则需

　　jQuery 复制网页指定标签的内容，给append的内容增加事件，点击一下按钮，会自动复制相关内容，请认真看代码里的注释，必须紧跟在append后面的同一个函数里面。本例为jQuery爱好者提供学习依据。

　　为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示

　　网页演示：猛击此处

　　运行演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>jQuery 给append的内容增加事件</title> <script src="/uploads/common/js/jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").click(function(){ $('div').append('<ul><li id="myli">I love LiehuoWang,烈火学院,Liehuo.Net</li></ul>'); $("#myli").click(function(){ alert("cssrain!"); }); }); //不过写在这里就不可以了,必须紧跟在append后面的同一个函数里面。 //$("#myli").click(function(){ //alert("cssrain!"); / <p style="text-align:right;">（编辑：青岛站长网）</p> <p style="text-align:right;">【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!</p> </td> </tr> </table> </div> <div class="dede_pagess"><ul class="pagelist"></ul></div> <div class="ad-690"><script src='https://ess.0577qiche.com/d/js/acmsd/ad76.js' language='javascript'></script></div> <div class="g-box10"> <div class="t-2">相关内容</div> <ul class="b-box12"></ul> <ul class="b-box13"><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2019/1206/168615.html" target="_blank">让人深恶痛绝的弹窗广告，是否已无存在的必要？</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2021/0821/289452.html" target="_blank">借助物联网传感器防止洪水破坏</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2019/1203/166896.html" target="_blank">有什么方法可以判断自己网站被降权呢?</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0306/199809.html" target="_blank">小红书推广必备技能分享</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2021/0605/282923.html" target="_blank">通过物联网改善交通基础设施管理</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0120/185471.html" target="_blank">NIKE新年大片来了，这次CNY它们“不承让”了！</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0314/202991.html" target="_blank">微信聊天记录删除了怎么恢复？帮你解决大麻烦！</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2021/0623/285101.html" target="_blank">比亚迪能否凭借车联网和新能源完成弯道超车？</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0308/200385.html" target="_blank">为什么品牌要做小红书推广呢？</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2019/1115/158131.html" target="_blank">人工智能系统的潜在不利因素</a></li><div class="cl"></div></ul> </div> </div> </div> <div class="right-1 fr"> <div class="g-box8"> <div class="t-2">推荐文章</div> <ul><table width=100% border=0 cellpadding=3 cellspacing=0><tr><td align=center><a href='https://www.0532zz.com.cn/html/yunying/jiaohu/2022/0411/302601.html' target=_blank><img src='/uploads/allimg/c200828/15b549141W220-1A37.gif' width='135' height='90' border=0 alt='为什么企业在物联网方面更喜欢私有云？'><br><span style='line-height:15pt'>为什么企业在物联网方</span></a></td><td align=center><a href='https://www.0532zz.com.cn/html/yunying/jiaohu/2022/0411/302598.html' target=_blank><img src='/uploads/allimg/c200828/15b549141W220-1A37.gif' width='135' height='90' border=0 alt='5G如何帮助企业探索物联网发展？'><br><span style='line-height:15pt'>5G如何帮助企业探索物</span></a></td></tr><tr><td align=center><a href='https://www.0532zz.com.cn/html/yunying/jiaohu/2022/0407/302036.html' target=_blank><img src='/uploads/allimg/c200828/15b549141W220-1A37.gif' width='135' height='90' border=0 alt='网络连接问题是物联网部署中的一个常见问题'><br><span style='line-height:15pt'>网络连接问题是物联网</span></a></td><td align=center><a href='https://www.0532zz.com.cn/html/yunying/jiaohu/2021/1118/294047.html' target=_blank><img src='/uploads/allimg/c200828/15b549141W220-1A37.gif' width='135' height='90' border=0 alt='韩国电信更换路由器致大规模互联网崩溃'><br><span style='line-height:15pt'>韩国电信更换路由器致</span></a></td></tr></table></ul> </div> <div class="g-box11"> <div class="t-2">站长推荐</div> <ul class="b-box7"><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2021/0614/284221.html" target="_blank">超越“物”的思维模式：物联网蓬勃发展的重要因素</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2019/1231/181353.html" target="_blank">百度竞价只依靠蜂巢系统自带工具可行吗？</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0209/190030.html" target="_blank">华为手机云相册照片怎么恢复？这几个方法就能搞定</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0115/184225.html" target="_blank">拍拍贷坚守普惠初心全面保障用户权益</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2021/1006/290020.html" target="_blank">物联网兴起嵌入式系统安全日益受重视</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0123/186099.html" target="_blank">再入美国《财富》全球最受赞赏公司：海尔智家生态</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2020/0110/182933.html" target="_blank">企业推广方式有哪些？企业网站推广技巧又有哪些？</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2021/0725/287648.html" target="_blank">如果传感器出现故障，整个物联网系统就会停滞吗？</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2019/1228/179877.html" target="_blank">关键词的密度怎么布局才算正正合理</a></li><li><a href="https://www.0532zz.com.cn/html/yunying/jiaohu/2019/1215/174379.html" target="_blank">软银在东京开设研究所以加速AI研究</a></li></ul> </div> <script type="text/javascript">jQuery(".g-box8").slide({ titCell:"li",triggerTime:0 }); </script> <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad103.js' language='javascript'></script></div> <div class="g-box3 u-3"> <div class="t-1">热点阅读</div> <ul class="b-box2"></ul> </div> <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad77.js' language='javascript'></script></div> </div> <div class="cl"></div> </div> <div class="ad-960"><script src='https://ess.0577qiche.com/d/js/acmsd/ad78.js' language='javascript'></script></div> <div class="footer"> <p>【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。</p> <p>建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果</p> <p>Copygight © 2008-2022 https://www.0532zz.com.cn/ All Rights Reserved. 青岛站长网</p> <p><script type="text/javascript" src="//js.users.51.la/21280179.js"></script></p> </div> </body> </html>