append和appendTo的區(qū)別以及appendChild用法
更新時(shí)間：2013年12月24日 16:02:19 作者：
很多新手朋友們對(duì)append和appendTo的區(qū)別以及js中的appendChild用法有所模糊，下面就舉例為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過(guò)
append()前面是要選擇的對(duì)象，后面是要在對(duì)象內(nèi)插入的元素內(nèi)容
appendTo()前面是要插入的元素內(nèi)容且為Jquery對(duì)象，而后面是要選擇的對(duì)象
實(shí)例：
$('#a').append('content');
$('<div>content</div>').appendTo($('#a'));
注意appendTo前面一定要是Jquery對(duì)象。
appendChild(Node)這個(gè) 方法一般是在指定元素節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)之后添加節(jié)點(diǎn)
但如果Node是頁(yè)面中的DOM對(duì)象，那么就不是添加節(jié)點(diǎn)了，就是直接Move節(jié)點(diǎn)。
appendChild你可以理解為移動(dòng)一個(gè)元素。如果想復(fù)制一份過(guò)去，要事先clone
appendTo()前面是要插入的元素內(nèi)容且為Jquery對(duì)象，而后面是要選擇的對(duì)象
實(shí)例：
$('#a').append('content');
$('<div>content</div>').appendTo($('#a'));
注意appendTo前面一定要是Jquery對(duì)象。
appendChild(Node)這個(gè) 方法一般是在指定元素節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)之后添加節(jié)點(diǎn)
但如果Node是頁(yè)面中的DOM對(duì)象，那么就不是添加節(jié)點(diǎn)了，就是直接Move節(jié)點(diǎn)。
appendChild你可以理解為移動(dòng)一個(gè)元素。如果想復(fù)制一份過(guò)去，要事先clone
相關(guān)文章
網(wǎng)站中防止表單重復(fù)提交是一個(gè)比較普遍的需求，先看原理實(shí)現(xiàn)方法也有很多。2010-01-01
$號(hào)是jQuery“類(lèi)”的一個(gè)別稱(chēng)，$()構(gòu)造了一個(gè)jQuery對(duì)象。所以，“$()”可以叫做jQuery的構(gòu)造函數(shù)（個(gè)人觀點(diǎn)，呵呵！）。2009-12-12
jQuery如何跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè) 就這么簡(jiǎn)單
這篇文章主要介紹了如何在jQuery中跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁(yè)HTML，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JS實(shí)現(xiàn)點(diǎn)擊生成UUID的方法完整實(shí)例【基于jQuery】
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊生成UUID的方法,結(jié)合完整實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的隨機(jī)字符串生成相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
本文主要介紹了預(yù)加載顯示圖片藝術(shù)實(shí)現(xiàn)的方法--一個(gè)jquery庫(kù)的preLoadImages()函數(shù)，使用這個(gè)函數(shù)就可以輕松實(shí)現(xiàn)圖片預(yù)加載了。需要的朋友可以看下2016-12-12
jQuery實(shí)現(xiàn)簡(jiǎn)單的日期輸入格式化控件
本文給大家分享的是javascript實(shí)現(xiàn)簡(jiǎn)單的日期輸入格式化控件的方法和思路，非常的細(xì)致實(shí)用，推薦給小伙伴們2015-03-03
基于JQuery的6個(gè)Tab選項(xiàng)卡插件
今天在修整博客側(cè)欄信息時(shí)，利用到了Tab選項(xiàng)卡方式，因?yàn)閆Blog封裝的是JQuery庫(kù)，所以很自然地就想到了IdTabs。2010-09-09
JQuery實(shí)現(xiàn)的彈出層，js和css可根據(jù)自己的實(shí)際情況而定，下面是具體的實(shí)現(xiàn)代碼，大家不妨參考下2014-05-05
使用Easyui實(shí)現(xiàn)查詢條件的后端傳遞并自動(dòng)刷新表格的兩種方法
這篇文章主要介紹了使用Easyui實(shí)現(xiàn)查詢條件的后端傳遞并自動(dòng)刷新表格的兩種方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
本篇文章主要是對(duì)JQUERY中dialog的用法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12