在 jQuery 中，可以使用append()方法向文檔中添加新的 HTML 元素。這個方法接受一個參數，參數可以是一個 HTML 字符串、DOM 元素或 jQuery 對象。

使用append()方法添加元素時，如果已經存在同名的元素，新的元素將被追加在已有元素的后面。

// HTML 代碼片段
<div id="myDiv"></div>
// jQuery 代碼
$('#myDiv').append('<p>我是新的段落</p>');
// 結果
<div id="myDiv">
<p>我是已有段落</p>
<p>我是新的段落</p> // 新段落被追加在已有段落的后面
</div>

但是如果你想要使用append()方法覆蓋已有的元素，該怎么辦呢？

可以在使用append()方法之前，先使用empty()方法清空目標元素內部的所有內容，然后再追加新的 HTML 元素，這樣就可以實現元素覆蓋的效果。

// HTML 代碼片段
<div id="myDiv"><p>我是已有段落</p></div>
// jQuery 代碼
$('#myDiv').empty().append('<p>我是新的段落</p>');
// 結果
<div id="myDiv">
<p>我是新的段落</p> // 新段落覆蓋掉已有段落
</div>

總結：

• 使用append()方法添加元素時，新元素會被追加在已有元素的后面。
• 使用empty()方法可以先清空元素內部的內容。
• 在清空元素后使用append()方法可以實現元素覆蓋的效果。