jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after與insertAfter方法注意事項

這里列的是針對初學jQuery者來說容易搞不懂的部分，我在這里把這些方法列了個清單，希望大家能看的懂。如下：

方法	源包裝集/字串	目標包裝集體	特性描述
A.append(B)	? ? ? B	? ? ? A	若目標包裝集只匹配一個元素，則源(也包括同源包裝集匹配的所有元素)將被移動到目標位置；若目標包裝集包含多個元素，則源將保留在原來的位置，但同時復制一份相同的副本到目標位置。 由此，若目標只匹配一個元素時，使用前述方法后源將被刪除。
B.appendTo(A)
A.prepend(B)
B.prependTo(A)
A.before(B)
B.insertBefore(A)
A.after(B)
B.insertAfter(A)

舉例說明：在上圖中，A.append(B)表示把B添加到與A匹配的所有元素的現有內容后面，因此B是源，A是目標包裝集。

上面的兩兩一對成反相關的關系。
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的jQuery中append、insertBefore、after与insertAfter方法注意事项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。