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

发布时间：2018-08-18 05:43:54 所属栏目：运营来源：站长网

导读：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.hxwgxz.com/html/yunying/20190311/516869.html" target="_blank">这些IT圈最有影响力的女性是如何炼成的？</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20190622/534576.html" target="_blank">深化产教融合、助推校企合作：2019年计算机网络应用国赛圆满</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20191128/563263.html" target="_blank">苹果员工称支持库克结交特朗普：对公司有利</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20180719/482869.html" target="_blank">小米集团开盘大跌7%，开报19.94港元</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20191206/568651.html" target="_blank">易华录拟与无锡市梁溪区政府合建数据湖项目</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20191204/567265.html" target="_blank">一周时间网站权重0变成权重1实战技巧</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20180903/491043.html" target="_blank">网页设计之字体设置(中)</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20200214/593185.html" target="_blank">抗击疫情 ZStack援建郑州“小汤山”医院</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20220303/691852.html" target="_blank">2022年物联网应用走向</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20180202/476553.html" target="_blank">定义了好IP 阿里文学要怎么打造网文的增量市场</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.hxwgxz.com/html/yunying/20220328/697754.html' target=_blank><img src='/uploads/allimg/c200908/15c514S503O0-1W55.gif' width='135' height='90' border=0 alt='三星联合开发，真全面屏iPhone终于要来了？'><br><span style='line-height:15pt'>三星联合开发，真全面</span></a></td><td align=center><a href='https://www.hxwgxz.com/html/yunying/20220327/697554.html' target=_blank><img src='/uploads/allimg/c200908/15c514S503O0-1W55.gif' width='135' height='90' border=0 alt='realme Book增强版配置加量优化，性价比之王'><br><span style='line-height:15pt'>realme Book增强版配置</span></a></td></tr><tr><td align=center><a href='https://www.hxwgxz.com/html/yunying/20220323/696638.html' target=_blank><img src='/uploads/allimg/c200908/15c514S503O0-1W55.gif' width='135' height='90' border=0 alt='小米12系列在西欧上线价格比国内贵超千元老外如此评价'><br><span style='line-height:15pt'>小米12系列在西欧上线</span></a></td><td align=center><a href='https://www.hxwgxz.com/html/yunying/20220323/696634.html' target=_blank><img src='/uploads/allimg/c200908/15c514S503O0-1W55.gif' width='135' height='90' border=0 alt='iPhone 14 Pro前瞻工业设计感人感叹号挖孔很大'><br><span style='line-height:15pt'>iPhone 14 Pro前瞻工</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.hxwgxz.com/html/yunying/20200320/608118.html" target="_blank">偏离航道的无人机大疆</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20190802/542749.html" target="_blank">美国批准T-Mobile收购Sprint是抱团取暖？</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20190512/525805.html" target="_blank">福州三坊七巷与高德、支付宝建设智慧景区</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20200401/612486.html" target="_blank">餐饮外卖田野访问实录</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20200406/613936.html" target="_blank">马斯克称特斯拉全力生产呼吸机美官方:只是零部件</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20200220/595893.html" target="_blank">SpaceX宣布明后年送4人到太空旅行，未透露多少钱</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20191114/557981.html" target="_blank">云掌柜：创业7年，初心不改，民宿管理系统云掌柜</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20210821/690140.html" target="_blank">分析：实现从信息时代到数据时代的变迁</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20180725/483905.html" target="_blank">Waymo无人驾驶汽车一个月内行驶了100万英里</a></li><li><a href="https://www.hxwgxz.com/html/yunying/20191230/581676.html" target="_blank">智能家电APP产业的发展亚博将迎来快速发展期</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.hxwgxz.com/ All Rights Reserved. 核心网</p> <p><script type="text/javascript" src="//js.users.51.la/21280179.js"></script></p> </div> </body> </html>