《jQuery、jQuery UI及jQuery Mobile技巧與示例》——3.10 技巧：添加和分離元素

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

可以把元素從html樹上分離（detach）出來，然後把它重新添加（reattach）到不同的位置。代碼清單3-10示範了如何做到這一點。

代碼清單3-10　使用appendto()和detach()在dom樹中移動元素

分離元素除了把元素移至不同的位置外，還有一個重要的使用場景是需要對html樹執行大量的操作。先分離元素再操作它時需要的系統資源較少。值得注意的是，detach()函數會保留所有和分離元素關聯的jquery資料（包括函數和對象）。這在把元素重新添加到dom時尤其有用，這也是上面的技巧能夠移除内容然後重新添加到文檔中而沒有影響的原因。