AJAX的append()方法是一個(gè)非常實(shí)用的函數(shù)，它能夠在已有的元素中追加新內(nèi)容。無論是在網(wǎng)頁的頭部、底部，還是在指定的容器中，這個(gè)方法都可以輕松地添加新的HTML代碼或者文本。通過使用append()方法，我們可以動(dòng)態(tài)地為用戶呈現(xiàn)新的內(nèi)容，而無需刷新整個(gè)頁面。
舉個(gè)例子，假設(shè)我們有一個(gè)簡(jiǎn)單的網(wǎng)頁，其中有一個(gè)包含三個(gè)段落的 我們可以使用append()方法向這個(gè) 這樣，頁面加載完成后，新的段落會(huì)被動(dòng)態(tài)地插入到 可以看到，通過使用append()方法，我們可以在現(xiàn)有的HTML元素下方添加新的內(nèi)容，而不會(huì)影響原來的布局。 不僅如此，append()方法還可以用來追加包含HTML標(biāo)簽的內(nèi)容，而不僅僅是文本。例如，我們可以在一個(gè) 這樣，新的段落會(huì)被動(dòng)態(tài)地添加到現(xiàn)有的 通過上面的例子，我們可以清楚地看到，append()方法可以直接在已有的元素中添加新的內(nèi)容。這種動(dòng)態(tài)生成的HTML，為網(wǎng)頁的交互性和用戶體驗(yàn)增加了很多可能性。 除了在指定元素中追加內(nèi)容外，append()方法也可以用來在文檔中的任意位置插入新的元素。我們可以通過選擇器來指定我們想要插入的位置。例如，我們想在某個(gè)特定的 這樣，新的段落會(huì)被插入到指定元素之前： 通過使用append()方法，我們可以靈活地改變網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。無論是在指定的容器中添加新的元素，還是在已有的元素后追加內(nèi)容，append()方法都為我們提供了一個(gè)強(qiáng)大、簡(jiǎn)潔的解決方案。<div id="content">
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
</div>
<script>
$(document).ready(function(){
$("#content").append("<p>新增段落</p>");
});
</script><div id="content">
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<p>新增段落</p>
</div>
<script>
$(document).ready(function(){
var newParagraph = "<p>點(diǎn)擊查看更多信息：<a >例子</a><img src='example.png' alt='例子' /></p>";
$("#content").append(newParagraph);
});
</script><div id="content">
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<p>點(diǎn)擊查看更多信息：<a >例子</a><img src='example.png' alt='例子' /></p>
</div>
<script>
$(document).ready(function(){
var newContent = "<p>在這個(gè)段落之前插入</p>";
$("#targetDiv").before(newContent);
});
</script><div id="content">
<p>段落1</p>
<p>段落2</p>
<h2>目標(biāo)</h2>
<p>段落3</p>
<p>在這個(gè)段落之前插入</p>
</div>