本節書摘來自異步社群《jquery cookbook中文版》一書中的第1章,第1.10節,作者:【美】jquery社群專家組 譯者:姚軍 , 孫博更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
1.10.1 問題
你打算建立一個或者多個新的dom元素,立刻選中這些元素加以操作,然後把它們注入到dom中。
1.10.2 解決方案
你可能還不清楚,jquery函數是多功能的,根據你發送的不同參數結構,一個函數能以不同的方式運作。如果以原始html文本字元串為參數調用函數,它将立刻建立這些元素。例如,下列語句将建立一個包裝在

元素中的
元素,在

和
元素中還封裝了一個文本節點:
建立了元素之後,還可以使用jquery方法對它進行進一步的操作,就像一開始就從現有的html文檔中選擇了

這很棒,對嗎?目前為止,所做的隻不過是在運作中建立元素并在代碼中進行操縱,實際上還可以做得更好。可以說,實際上還沒有真正改變目前加載的dom。想做到這一點,就必須使用jquery提供的操縱方法。下面是在html文檔上下文中的代碼。在這段代碼中将建立元素、在這些元素上進行操作,然後用操縱方法appendto()将它們插入dom中:
請注意這裡是如何使用end()方法撤消find()方法的,這樣當調用appendto()方法時,它将在dom中附加包含在初始包裝器集中的元素。
1.10.3 讨論
在本秘訣中,向jquery函數傳遞原始html字元串,這一參數被方法用來在運作中建立dom元素。 還可以簡單地向jquery函數傳遞一個由dom方法createelement()建立的dom對象:
當然,如果用一個包含多個元素的html字元串就能正常工作,這麼做可能就顯得麻煩了,如何選擇取決于具體的用法。
值得一提的是,這裡隻是用appendto()方法簡單地介紹了操縱方法的基礎。除了appendto()方法之外,還有如下操縱方法:
append()
prepend()
prependto()
after()
before()
insertafter()
insertbefore()
wrap()
wrapall()
wrapinner()