jQuery before()函數(shù)是一個非常有用的函數(shù)，它可以將指定的HTML元素插入到目標元素的前面，同時保留目標元素和其他兄弟元素的位置關(guān)系。下面我們來詳細講解一下該函數(shù)：

語法：
$(selector).before(content,function)
參數(shù)說明：
selector：必選的。插入目標元素的選擇器。
content：必選的。插入元素的內(nèi)容。
function：可選的。執(zhí)行回調(diào)函數(shù)。該函數(shù)返回一個用于插入元素的字符串或者DOM元素數(shù)組。
示例：
HTML內(nèi)容：
<div id="target"><p>Hello</p></div>
jQuery代碼：
$("<h2>World</h2>").before("#target");
上述代碼會將一個H2標簽插入到ID為target的div之前，最終生成的HTML如下：
<div id="target"><h2>World</h2><p>Hello</p></div>

從上面的示例可以看出，before()函數(shù)可以極大地簡化HTML DOM操作的代碼量。可以通過組合使用before()、after()和append()函數(shù)來實現(xiàn)復(fù)雜的DOM操作。

需要注意的是，如果content參數(shù)是一個jQuery對象，則它會被復(fù)制，并出現(xiàn)在每個匹配的元素的前面。同時，為了保證鏈式操作的順序，before()函數(shù)的返回值是調(diào)用它的函數(shù)的數(shù)組。

總之，jQuery before()函數(shù)是一個非常實用的函數(shù)，它可以輕松地將HTML元素插入到目標元素之前，快速地實現(xiàn)DOM操作，使代碼更加簡潔易懂。