我們在前端開發中經常需要操作DOM元素，有時候需要向容器中添加新節點或是在已有節點末尾處追加一些內容。這時候使用“append”方法就可以輕松實現。 “append”方法接受一個參數，可以是字符串、DOM元素或jQuery對象。它會將該參數內容添加到調用方法的元素中，并位于它的最后一個子元素后面。下面是一個示例：

$(document).ready(function() {
$("p").append("Hello World!");
});

這段代碼會向所有的“p”標簽中添加一句粗體的“Hello World!”。上面的例子中傳入的參數為字符串，如果傳入的是DOM元素或jQuery對象，它們都將被添加到所選擇的“p”元素中。 在使用“append”方法時，可以通過回調函數來靈活地自定義所添加的內容。下面是一個通過回調函數添加HTML內容的例子：

$(document).ready(function() {
$("p").append(function() {
return "" + $(this).text() + "";
});
});

這段代碼使用了回調函數，將“p”元素中原本的文本內容加粗。其中，“$(this)”代表當前所選擇的HTML元素，這里就是“p”元素。 最后還要提醒大家，當向HTML中動態添加內容時，要注意防范XSS攻擊。建議使用“text”方法來轉義特殊字符，避免惡意腳本注入。