JQuery選項卡（Tabs）是一個常見的Web UI控件，它使用戶能夠快速切換并瀏覽多個相關內容而無需加載新頁面。

使用JQuery的Tabs插件可以很容易地創建選項卡UI。以下是一個基本的HTML代碼示例，該示例創建了一個具有3個選項卡的UI：

<div id="myTabs">
<ul>
<li><a href="#tab1">選項卡1</a></li>
<li><a href="#tab2">選項卡2</a></li>
<li><a href="#tab3">選項卡3</a></li>
</ul>
<div id="tab1">
<p>這是選項卡1的內容。</p>
</div>
<div id="tab2">
<p>這是選項卡2的內容。</p>
</div>
<div id="tab3">
<p>這是選項卡3的內容。</p>
</div>
</div>

注意：選項卡面板應該位于選項卡標簽之后，否則在某些瀏覽器中可能無法正常工作。

接下來，我們需要使用JQuery庫和Tabs插件來初始化上面創建的UI。在HTML文檔中添加以下代碼：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
$(function() {
$("#myTabs").tabs();
});
</script>

以上代碼使用JQuery和Tabs插件初始化了選項卡UI。現在，我們的頁面應該已經準備好了，展示了一個選項卡UI，用戶可以與之交互并瀏覽不同的內容。