jQuery是一款流行的JavaScript庫，它可以輕松地對HTML文檔進行操作。其中一個常見的用例是在HTML元素之前插入內容。在jQuery中，有幾個函數可以幫助完成這個任務。

首先，可以使用before()函數。這個函數將在選擇器所匹配的每個元素的前面插入指定的內容。

$(selector).before(content);

其中，selector指選擇器，用來選擇要插入內容之前的元素。而content是要插入的內容，可以是HTML標記、文本字符串或jQuery對象。

下面是一個示例，使用before()函數在一個段落元素之前插入一段文本。

<p id="my-paragraph">這是一個段落元素</p>
$( "#my-paragraph" ).before( "<p>在這個段落元素之前插入的內容</p>" );

這段代碼將在ID為my-paragraph的段落元素之前插入一個新的段落元素。

另一個函數是insertBefore()。這個函數與before()相似，但反過來。它將指定的內容插入到選擇器匹配的元素之前。

$(content).insertBefore(selector);

其中，content是要插入的內容，selector用于選擇要插入內容之前的元素。

下面是一個使用insertBefore()函數將一個段落元素插入到另一個元素之前的示例。

<div id="my-div">這是一個div元素</div>
$( "<p>這是一個新的段落元素</p>" ).insertBefore( "#my-div" );

這段代碼將在ID為my-div的div元素之前插入一個新的段落元素。

無論使用哪個函數，他們都可以輕松地在HTML文檔中插入內容。這些函數與其他jQuery函數一起使用，可以輕松地創建動態且交互性的Web應用程序。