您好,欢迎访问一九零五行业门户网

jQuery复制节点使用详解

这次给大家带来jquery复制节点使用详解,jquery复制节点使用的注意事项有哪些,下面就是实战案例,一起来看一下。
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){   $(ul li).click(function(){     $(this).clone().appendto(ul); // 复制当前点击的节点,并将它追加到<ul>元素   }) }); </script> </head> <body> <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> <ul>   <li title='苹果'>苹果</li>   <li title='橘子'>橘子</li>   <li title='菠萝'>菠萝</li> </ul> </body> </html>
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){   $(ul li).click(function(){     $(this).clone(true).appendto(ul); // 注意参数true     //可以复制自己,并且他的副本也有同样功能。   }) }); </script> </head> <body> <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> <ul>   <li title='苹果'>苹果</li>   <li title='橘子'>橘子</li>   <li title='菠萝'>菠萝</li> </ul> </body> </html>
效果图如下:
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
jquery获取时间方法总结
jquery版本升级有哪些注意事项
以上就是jquery复制节点使用详解的详细内容。
其它类似信息

推荐信息