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