JQuery是一種快速、簡化Web開發的JavaScript庫。它通過封裝大部分復雜的JavaScript代碼，使開發者能夠使用簡潔和直觀的方式來操作HTML文檔、處理事件、創建動畫等等。本文將介紹JQuery的一個常用函數——append。

$(selector).append(content,function(index,html))

append()函數用于向被選擇元素的末尾插入新的內容。被插入的內容可以是HTML元素、文本或JQuery對象。

第一個參數是選擇器，表示要添加內容的元素。第二個參數是要添加的新內容，可以是字符串、DOM元素或JQuery對象。如果要添加多個內容，可以通過逗號隔開。

$(selector).append(content1, content2, content3)

在添加新內容后，還可以通過回調函數操作添加的新內容。回調函數的第一個參數是數組中當前添加的元素的索引，第二個參數是當前元素的當前內容。

$(selector).append(function(index, html))

以下是一個使用append()函數將文本、HTML元素和JQuery對象添加到HTML頁面的例子。

// 插入文本
$("button").click(function(){
$("p").append(" This is a new paragraph.");
});
// 插入HTML元素
$("button").click(function(){
$("ol").append("
This is a new item.
");
});
// 插入JQuery對象
$("button").click(function(){
var $newdiv = $("
New Div
");
$("body").append($newdiv);
});

以上代碼演示了如何使用append()函數向HTML頁面添加文本、HTML元素和JQuery對象。通過靈活運用這個函數，開發者可以在頁面中靈活地添加和刪除元素。