在前端開發中，我們經常需要通過JavaScript動態的修改html元素中的內容，常見的操作之一就是追加內容。jQuery是一個非常流行的JavaScript框架，它提供了許多可以方便的操作DOM的方法，其中就包括內容的追加。然而，在追加內容的時候，我們需要注意一些問題，比如如何避免覆蓋原有的內容。

如果我們用jQuery的append方法直接往一個元素中添加內容，那么新的內容會直接覆蓋原有的內容。

// 直接追加內容，會覆蓋原有的內容
$('#myDiv').append('<p>新的內容</p>');

為了避免覆蓋原有的內容，我們可以使用jQuery中的appendTo方法。它的用法和append方法很類似，只是把新的內容作為參數放在函數前面。

// 使用appendTo方法，不會覆蓋原有的內容
$('<p>新的內容</p>').appendTo('#myDiv');

另外，我們還可以使用jQuery中的prepend方法，在元素的最前面追加內容。

// 使用prepend方法，在元素的最前面追加內容
$('#myDiv').prepend('<p>新的內容</p>');

總之，在使用jQuery追加內容時，我們需要注意不要直接覆蓋原有的內容。可以使用appendTo或prepend方法來實現不覆蓋原有內容的追加。