JQuery的append()和before()方法都是用于向現有文檔添加新內容的方法。其中，append()是在被選元素的結尾（即內部最后面）添加指定的內容，而before()是在被選元素之前（即外部最前面）添加指定的內容。
下面我們來看一個簡單的例子，假設我們有一個HTML文檔，其中有一個列表：
<body> <ul id="myList"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </body>
現在我們想在列表的前面添加一個標題，我們可以使用before()方法來實現：
$(document).ready(function() {
$("#myList").before("<h2>My List</h2>");
});上面的代碼中，我們首先選擇了id為myList的元素，然后使用before()方法在其前面添加了一個h2標簽，其中包含了標題“My List”。
類似地，我們也可以使用append()方法向列表中添加新的項目。比如，我們可以向列表中添加一個新的項目：
$(document).ready(function() {
$("#myList").append("<li>Item 4</li>");
});上面的代碼中，我們選擇了id為myList的元素，然后使用append()方法向其內部添加了一個li標簽，其中包含了文本“Item 4”。
總之，JQuery的append()和before()方法是非常實用的，它們可以方便地向現有文檔添加新內容。如果你需要在元素的內部添加新內容，那么使用append()方法；如果需要在元素的外部添加新內容，那么使用before()方法。