當(dāng)使用jQuery進(jìn)行DOM操作時(shí)，經(jīng)常會(huì)遇到需要異步向頁(yè)面添加元素的情況。這時(shí)候，jQuery提供了一個(gè)append方法，可以動(dòng)態(tài)向頁(yè)面添加元素。

$.ajax({
url: 'http://example.com/api/data',
success: function(data) {
var $list = $('
').addClass('list');
// 循環(huán)得到的數(shù)據(jù)，向列表中動(dòng)態(tài)添加元素
$.each(data, function(index, item) {
var $li = $('
').text(item.text);
$list.append($li);
});
// 將列表添加到頁(yè)面中
$('#container').append($list);
}
});

在上面的代碼中，我們使用了jQuery的ajax方法異步請(qǐng)求數(shù)據(jù)，然后將數(shù)據(jù)添加到一個(gè)ul列表中。它的執(zhí)行過(guò)程如下：

• 創(chuàng)建一個(gè)空的ul元素，添加list類(lèi)名。
• 遍歷得到的數(shù)據(jù)，為每個(gè)數(shù)據(jù)創(chuàng)建一個(gè)li元素，將文本內(nèi)容賦值給li元素的text屬性。
• 將每個(gè)li元素添加到ul元素中。
• 將ul元素添加到頁(yè)面中，位置為id為container的元素內(nèi)部的最后位置。

通過(guò)使用jQuery的append方法，我們可以方便地動(dòng)態(tài)向頁(yè)面添加元素，為頁(yè)面創(chuàng)建出更加豐富、動(dòng)態(tài)的用戶(hù)界面。