难道appendTo方法是通过移动的方式做到的?
左边示例中$(".red").appendTo("div");把小兔子添加到了div中之后,之前div外面的小兔子就没有了。为什么?appendTo不应该是把前面的所选择元素复制一份再加入到指定的元素里面吗?
2015-07-04
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>appendTo()方法插入内容</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <h3>appendTo()方法插入内容</h3> <div> <span class="green">小乌龟</span> </div> <span class="red">小兔子</span> <script type="text/javascript"> var $html = "<span class='red'>小青蛙</span>" $(".red").appendTo("div"); //因为这个是存在于HTML中,不是你新建,所以是移动,要是想要克隆,必须用clone()这个方法; $($html).appendTo("div") //这样就是把新增加的东西放到页面中 </script> </body> </html>
举报