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

怎么报错了呢,在我的印象中appenTo和append不就是位置不同吗,没什么区别啊。但是仔细的看了一下报错,突然明白了。str只是个字符串变量,一个普通的变量怎么能用“.”方法呢,这肯定是不对的。所以这里也就只能用append了。所以在这里给自己提个醒,也请大家注意!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM