jQuery 的 append() 方法是向被選元素的結尾添加內容，是一種非常常用和實用的操作，比如我們可以利用這個方法來實現無限滾動的功能。那么，append() 方法的原理是什么？

$(selector).append(content,function(index,html));

上面是 append() 方法的語法，意思是向選擇器選擇的元素末尾添加 content 參數所包含的內容，并且可以進行回調函數運算。下面我們來解析一下 append() 方法的執行過程。

首先，我們選擇需要添加內容的元素，并調用 append() 方法。

var element = $('.box');
element.append('Hello world');

接著，jQuery 會將要添加的內容（Hello world）轉化為一個文檔片段（document fragment）。

var fragment = document.createDocumentFragment();
var textNode = document.createTextNode('Hello world');
fragment.appendChild(textNode);

文檔片段類似于一個虛擬的容器，可以將多個節點添加到其中，這樣可以減少渲染的次數和提高性能。

然后，jQuery 會遍歷文檔片段中的所有節點，將它們添加到指定的元素中去。

var element = $('.box');
element.appendChild(fragment);

如此一來，新的內容就被成功添加到了指定元素的末尾。

總的來說，jQuery 的 append() 方法就是利用文檔片段實現向元素末尾添加內容的操作。由于文檔片段可以批量添加節點，并且減少頁面渲染的次數，所以可以提高頁面的性能。