JQuery是一款非常強大的JavaScript庫，其能夠簡化大量的JavaScript代碼，使代碼更加易于閱讀和維護。其中之一的特性就是on append，它可以動態地向DOM添加元素或者元素列表。

$(document).ready(function(){
$("button").click(function(){
$("p").append("Hello world!");
});
});

在上面的代碼中，我們首先使用jQuery綁定了一個click事件，當用戶點擊按鈕時，代碼將向paragraph標簽中添加帶Hello world!文本的粗體元素。

值得注意的是，當我們使用on append時，代碼將會動態地修改DOM，因此可能會對頁面的性能造成一定的影響。因此，應該盡可能地避免在頁面加載后反復調用on append方法，可以使用其他方式來優化此類代碼。

var new_element = $("
").html("New Element");
$("#container").append(new_element);

以上代碼將創建一個新的paragraph元素，并將其添加到ID為container的DOM元素內。

總的來說，JQuery on append是一個非常實用的動態操作DOM的方法，但需要特別注意性能問題，以免對頁面造成負面的影響。