jquery append() 和appendTo()区别

append()

<p>段落文本1<span></span><!--插入到p元素内部的末尾位置--></p>
<p>段落文本2<span></span><!--插入到p元素内部的末尾位置--></p>


<script type="text/javascript">
$("p").append( '<!--插入到p元素内部的末尾位置-->' ); 
</script>

appendTo()

<p>段落文本1<span></span></p>
<p>段落文本2<span></span></p>

<!--以上是jQuery代码执行前的html内容-->

<script type="text/javascript">
$('<!--插入到p元素内部的末尾位置-->').appendTo( "p" );
// 其返回值就是匹配追加内容(两个注释元素'<!--插入到p元素内部的末尾位置-->')的jQuery对象
</script>
<!--以下是jQuery代码执行后的html内容-->

<p>段落文本1<span></span><!--插入到p元素内部的末尾位置--></p>
<p>段落文本2<span></span><!--插入到p元素内部的末尾位置--></p>

append()和appendTo()区别

var $A = $("s1");
var $B = $("s2");


// 将$B追加到$A中
$A.append( $B ); // 返回$A
// 将$A追加到$B中
$A.appendTo( $B ); // 返回表示追加内容的jQuery对象( 匹配所有$B内部末尾追加的$A )