《jQuery、jQuery UI及jQuery Mobile技巧與示例》——3.6 技巧：使用append()和appendTo()添加内容

本節書摘來自異步社群《jquery、jquery ui及jquery mobile技巧與示例》一書中的第3章，第3.6節，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

html()方法會替換元素的目前内容，是以将由你負責維護目前元素的内容。代碼清單3-6示範了如何使用append()和appendto()添加元素而不影響元素的目前内容。

代碼清單3-6　示範append()和appendto()之間的差別

append()和appendto()之間的主要差別在于：是作用于目标元素而把要添加的html字元串作為參數，還是作用于要添加的html字元串而把目标元素作為參數。append()函數把内容插入到調用元素之後，如第27行所示；而appendto()函數則恰好相反，被插入的内容作為選擇器參數，如第31行所示。從直覺的角度來看，當添加的是jquery對象時這往往會覺得容易接受一些1。append()和appendto()函數的參數可以是dom元素、html字元串、jquery對象和函數。

警告

如果需要添加很多個html元素，最好是先把html拼成一個長字元串，然後用一次函數調用來添加它。append()和appendto()函數會影響html文檔樹，進而導緻操作變得較慢。