jQuery的append()方法是用于將元素添加到DOM樹中的方法。在DOM中，每個元素都是節(jié)點，而節(jié)點可以是文本、元素或者屬性。您可以使用append()來將新的節(jié)點插入到DOM中現(xiàn)有的節(jié)點之后。下面讓我們看一看該方法的一些重要用法：

$(selector).append(content) //其中selector是DOM樹中的現(xiàn)有元素，而content是需要添加到DOM中的內容
$(selector).append(function(index,html)) //其中selector是DOM中現(xiàn)有的元素，而函數(shù)將應用于DOM中的每個元素。

使用append()方法可以向現(xiàn)有節(jié)點添加文本、HTML代碼、jQuery對象或DOM元素。此外，您還可以將一個元素添加到另一個元素的末尾。請看如下示例代碼：

//向現(xiàn)有元素刪除所有子元素并添加新html
$('#result').empty().append('<div class="new_class"> hello world!</ div>');
//向現(xiàn)有元素添加一個新的p元素并將其text添加到其中
$('#result').append('<p> 這是一個新的段落。</ p>').find('p:last').text('新增的文本。');
//向現(xiàn)有元素追加另一個jQuery對象
var $new = $('<p> 更多內容...</ p>');
$('#result').append($new);

append()方法也可以使用回調函數(shù)，非常適合需要在添加節(jié)點時進行某些額外處理的情況。在回調中，您可以使用this關鍵字引用將新節(jié)點與jQuery對象相關聯(lián)的DOM元素。您還可以將參數(shù)傳遞給回調，以便在每個jQuery對象上執(zhí)行特定處理操作。

$('#result').append(function(index,html){
console.log('添加的新內容：'+html);
console.log('新節(jié)點的索引：'+index);
return $('<p> 這是來自回調的新段落。</ p>');
});

無論您想將節(jié)點添加到哪個部分，append()都是一個非常有用的方法。它允許您快速、輕松地在DOM樹中添加HTML和其他內容，這使它成為一個非常強大的工具。