JQuery是一個強大的JavaScript框架，它可以快速地開發(fā)豐富的Web應用程序。其中一個最有用的函數是append()函數，它允許我們將HTML元素添加到DOM元素的末尾。但是，有時候我們可能會遇到一個問題：當我們嘗試將同一個元素附加到DOM元素的末尾時，會重復顯示。

$(document).ready(function(){
$("button").click(function(){
$("p").append(" 這里是新的段落。");
});
});

以上的代碼將在每次點擊按鈕時向p標簽末尾添加一個新的段落。但是，如果我們點擊多次，我們會看到新的段落被附加到了現有的段落后面。我們的段落將不斷增長，而沒有任何限制。

為了解決這個問題，我們需要檢查DOM中是否已經存在這個元素。可以在添加新元素之前，先使用JQuery的length()函數來檢查元素是否存在：

$(document).ready(function(){
$("button").click(function(){
if($("p").length< 5){
$("p").append(" 這里是新的段落。");
}
});
});

在這個例子中，我們將添加的限制設置為最多添加5個段落。如果超過了這個限制，就不會再添加新的段落。這樣就可以確保不會重復添加元素。