- html方法，給元素添加html代碼或者清空html代碼（參數為空字符串）；
- append向元素的末尾添加html代碼；
- appendTo這個方法跟append方法的很像，只是要添加的html代碼的目標有所不一樣；
- after向元素的后邊添加html代碼，如果元素后面有元素了，那將后面的元素后移，然后將html代碼插入；
- before向元素的前邊添加html代碼，如果元素前面有元素了，那將前面的元素前移，然后將html代碼插入；
- insertAfter將JQuery封裝好的元素插入到指定元素的后面，如果元素后面有元素了，那將后面的元素后移，然后將JQuery對象插入；
- insertBefore將JQuery封裝好的元素插入到指定元素的前面，如果元素前面有元素了，那將前面的元素前移，然后將JQuery對象插入；
- empty清空元素內部的html代碼，它只是清空內部的html代碼，但是標記仍然留在DOM中；
- remove從DOM中移除整個元素。
下面進行簡單的測試和驗證，首先是頁面結構：
對應的效果如下：
一、html()方法 $(selector).html(content);
注意，這里所填寫的html()方法中的代碼是不完整的。
查看結果：
查看對應的最終代碼：
這是完整的html代碼，也就是說JQuery為我們補全了代碼，為我們帶來了方便，但是當我們需要精確控制html代碼的時候，需要注意這一點。
html函數的作用原理首先是移除目標元素內部的html代碼，然后將新代碼添加到目標元素。
二、append()方法 $(selector).append(content);
查看結果：
查看對應的最終代碼：
由此可見，append的內容添加到了選中內容的內部，並且對其原有的內容不影響。
三、appendTo()方法 $(content).appendTo(selector);
查看結果：
查看對應的最終代碼：
appendTo()和append效果相同，只是寫法不同。
四、after()方法 $(selector).after(content);
查看結果：
查看對應的最終代碼：
after()方法將html代碼插入到指定元素的后面，如果后面有元素，則將元素后移，再插入html代碼。
*insertAfter()和after()使用的方法和效果相同,只是寫法不同：
同理，before()方法將html代碼插入到指定元素前面，如果前面有元素，則將元素前移，再插入html代碼。
insertBefore()和before()使用的方法和效果也相同。如下：
五、empty()方法 $(selector).empty();
查看結果：
查看對應代碼：
可以看出，使用empty()方法，被選中的元素中的html內容都被清除了，但元素本身還存在。
六、remove()方法 $(selector).remove;
查看結果：
查看對應的最終代碼：
可以發現，使用remove()方法，被選中的整個元素包括其內部的子元素都被移除了(remove方法將目標元素整個的從DOM中移除)。