jQuery 的 append() 函數能夠將內容添加到指定的 HTML 元素中。這個函數很常用，因為它可以用來添加各種內容，包括 HTML 代碼和文本等等。

$(document).ready(function() {
// 選擇要添加內容的元素
var $container = $("#container");
// 創建要添加的 HTML 代碼
var htmlString = "
";
// 添加 HTML 代碼到元素中
$container.append(htmlString);
});

上述代碼中，$container 是一個 jQuery 對象，它代表了一個 HTML 元素。我們可以調用 append() 函數來向這個元素中添加內容。在這個例子中，我們使用了一個字符串來表示要添加的 HTML 代碼。這個代碼會添加一個 class 屬性為 "box" 的<div>元素。

在實際開發過程中，我們可能需要從后臺獲取一些數據并展示在頁面中。比如，我們可以使用 JSP 頁面來動態生成 HTML 代碼，然后使用 jQuery 的 append() 函數將這些代碼添加到頁面中。

$(document).ready(function() {
// 選擇要添加內容的元素
var $container = $("#container");
// 使用 jQuery 的 AJAX 函數來獲取 JSP 頁面內容
$.ajax({
url: "data.jsp",
success: function(htmlString) {
// 將獲取到的 HTML 代碼添加到元素中
$container.append(htmlString);
}
});
});

上述代碼中，我們使用了 jQuery 的 AJAX 函數來獲取data.jsp頁面的內容。當請求成功時，我們將獲取到的 HTML 代碼添加到元素中。

這樣，我們就能夠在頁面中動態地展示 JSP 生成的 HTML 內容了。