append和appendTo的区别！ _appendTo

千磨万击还坚劲，任尔东西南北风。这篇文章主要讲述append和appendTo的区别！相关的知识，希望能为你提供帮助。
今天在写dome的时候，碰到了一小点问题，就是我们想把一个小效果用jquery的办法添加到html页面中。我用的办法就是先在HTML中把代码写完，js和css同样写好并调试完成后。然后只保存外面最大的盒子，保证jq能找到代码的插入位置。然后把代码复制到js文件中，采用字符串拼接的方式，请看下面的代码：

1 var str=‘< div class="cen1"> 1< /div> ‘+ 2‘< div class="cen2"> 2< /div> ‘+ 3‘< div class="cen3"> 3< /div> ‘+ 4‘< div class="cen4"> 4< /div> ‘+ 5‘< div class="cen5"> 5< /div> ‘;

这里就拼接好了一个str。然后我就把str插入到了HTMl中，用的是这条语句：
1 $(‘#box‘).append(str); //ID名为box的是个大盒子
这样就完成了。但是写完后突然想到了append的兄弟，appendTo。我就手贱的写成了这样：
1 str.appendTo($(‘#box‘));
结果浏览器就开始报错了：
Uncaught TypeError: str.appendTo is not a function
at 2.html:34
【append和appendTo的区别！】怎么报错了呢，在我的印象中appenTo和append不就是位置不同吗，没什么区别啊。但是仔细的看了一下报错，突然明白了。str只是个字符串变量，一个普通的变量怎么能用“.”方法呢，这肯定是不对的。所以这里也就只能用append了。所以在这里给自己提个醒，也请大家注意！