难道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>举报