jQuery Mobile是一個非常流行的JavaScript框架，它專注于移動設備的Web應用程序開發。在許多移動設備上，空間很有限，所以用戶界面的設計非常重要。其中，選項卡是一種常見的界面元素，它允許用戶切換不同的內容。

在jQuery Mobile中，選項卡通過使用Tabs Widget來實現。Tabs Widget是一個非常靈活的控件，它可以通過不同的選項來自定義外觀和行為。下面是一個基本的選項卡示例。

<div data-role="tabs">
<div data-role="navbar">
<ul>
<li><a href="#tab1" data-ajax="false">選項卡1</a></li>
<li><a href="#tab2" data-ajax="false">選項卡2</a></li>
<li><a href="#tab3" data-ajax="false">選項卡3</a></li>
</ul>
</div>
<div id="tab1">
<p>這是選項卡1的內容。</p>
</div>
<div id="tab2">
<p>這是選項卡2的內容。</p>
</div>
<div id="tab3">
<p>這是選項卡3的內容。</p>
</div>
</div>

代碼中，我們使用了data-role屬性來標識Tabs Widget和navbar（選項卡標題欄）。在navbar中，我們使用了ul和li元素來定義選項卡的標題。每一個選項卡都對應一個id，我們可以在id對應的div元素中放置選項卡的內容。

可以通過修改data-theme選項來改變選項卡的顏色和樣式。同時，可以使用data-icon和data-iconpos選項來添加圖標。

除了基本的選項卡外，jQuery Mobile還提供了許多高級的選項卡控件，例如可垂直滾動的選項卡，帶有滑動效果的選項卡，以及帶有Ajax加載內容的選項卡。這使得開發人員能夠根據自己的需要來選擇適合的選項卡控件。