作用是向指定的元素内插入内容,它的使用方式是:
$(content).appendTo(selector)
参数content表示需要插入的内容,参数selector表示被插的那个元素,即把content内容插入selector元素内,默认是在尾部。
作用和append()有点相似,但用法是反过来的。
<body>
<h3>appendTo()方法插入内容</h3>
<div>
<span class="green">小乌龟</span>
</div>
<script type="text/javascript">
var $html = "<span class='red'>小青蛙</span>"
$($html).appendTo("div");
</script>
</body>
结果:
重申append()和appendTo()的区别:
append():向每个匹配的元素内部追加内容。
如:<p>I would like to say: </p>;
$("p").append("<b>Hello</b>");
结果:<p>I would like to say: <b>Hello</b></p>.
ps: 就是向P 标签内部内容的末尾追加内容 "<b>Hello</b>".
appendTo():把元素追加到另一个指定的元素中。
如:<p>I would like to say: </p>;
<div></div><div></div>;
$("p").appendTo("div");
结果:<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>
ps: 就是把P 标签(包括内容)追加到所有的DIV中.