jQuery選項卡是網(wǎng)頁設(shè)計中比較常見的一種布局形式，可以用來展示不同的內(nèi)容，讓用戶在切換選項卡時能夠快速定位相關(guān)信息。

在jQuery中，可以使用Tabs widget來創(chuàng)建選項卡，常見的橫向選項卡可以通過以下代碼實現(xiàn)：

<div class="tabs">
<ul class="tabs-nav">
<li class="active"><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div class="tabs-content">
<div id="tab1">
<p>這里是Tab 1的內(nèi)容</p>
</div>
<div id="tab2">
<p>這里是Tab 2的內(nèi)容</p>
</div>
<div id="tab3">
<p>這里是Tab 3的內(nèi)容</p>
</div>
</div>
</div>

以上代碼中，我們首先創(chuàng)建了一個具有“tabs”類的div容器，其中包含兩個部分：一個用于顯示選項卡導(dǎo)航的ul（包含幾個帶自定義鏈接的li元素），以及一個用于顯示當(dāng)前選項卡內(nèi)容的div。每個選項卡內(nèi)容都被包含在一個帶有獨特id屬性的div中。

此外，我們還需要使用一些CSS樣式來控制選項卡的外觀，比如給每個選項卡導(dǎo)航添加“display: inline-block”，來讓選項卡在一行中顯示。

一般來說，我們還需要使用JavaScript代碼來處理選項卡導(dǎo)航的切換操作，這可以通過使用jQuery ui庫中的tabs方法來實現(xiàn)。

$( ".tabs" ).tabs();

以上代碼實現(xiàn)了選項卡的初始化，并綁定了一個標(biāo)準(zhǔn)的選項卡效果。如果需要自定義選項卡的視覺效果，可以通過覆蓋tabs方法的默認(rèn)樣式，或自定義CSS樣式來實現(xiàn)。