jQuery是一種流行的JavaScript庫，可以幫助開發人員快速而簡單地操作HTML和CSS。在jQuery中，添加HTML可以通過向DOM元素中添加HTML代碼來完成，可以使用append()方法和prepend()方法來完成。本文將介紹如何使用jQuery動態追加HTML元素，特別是div元素。

$(document).ready(function(){
// 創建一個新的div元素
var newDiv = $("
");
// 追加HTML到div元素中
newDiv.append("
這是一個新的div元素
");
// 在頁面中添加div元素
$("body").append(newDiv);
});

上面的jQuery代碼首先選擇了整個文檔，監聽其中的ready事件。當文檔準備好時，會觸發回調函數中的代碼，創建了一個新的div元素，并向其中添加了一個段落元素。隨后，利用jQuery的append()方法將新的div元素添加到頁面的主體（即body標簽）中。

// 創建一個新的div元素
var newDiv = $("
");
// 為div元素添加一個id屬性
newDiv.attr("id", "myDiv");
// 追加HTML到div元素中
newDiv.append("
這是一個新的div元素
");
// 在頁面中添加div元素
$("body").append(newDiv);

上面的代碼比前一個例子多了一行代碼，給新創建的div元素添加了一個id屬性。如果想進一步操作這個div元素，例如添加樣式或綁定事件等，可以為其添加一個唯一的id屬性。這樣，就可以通過該id選擇器來操作這個div元素。

在jQuery中，許多操作都可以以鏈式方式進行。例如，為新創建的div元素添加類和樣式可以使用以下代碼：

var newDiv = $("
")
.addClass("myClass")
.css("background-color", "red")
.append("
Hello world
");
$("body").append(newDiv);

上面的代碼使用了jQuery的鏈式方法，為新創建的div元素添加類名和背景顏色樣式，并且向其中追加了一個段落元素。最后，將新元素添加到頁面的主體中。

總之，利用jQuery動態追加HTML元素在開發Web應用程序時是一種常見的做法，本文演示了如何在div元素中追加HTML內容，并添加元素屬性和樣式。此外，該庫還提供了豐富的功能和方法，可以輕松有效地操作和控制網頁元素。