jQuery Mobile是一個流行的基于HTML5和JavaScript的移動應用程序開發框架。在jQuery Mobile中，分欄是實現多欄布局的常用組件之一。通過分欄，開發者可以將屏幕分為兩個或多個部分，從而在一個屏幕上顯示多個頁面或下層的部分內容。

在jQuery Mobile中，分欄使用grid布局實現。通過設置不同的列數和寬度比例，可以創建出各種不同風格的布局。下面是一個簡單的分欄布局實例：

<div class="ui-grid-a">
<div class="ui-block-a">
<h2>欄1內容</h2>
</div>
<div class="ui-block-b">
<h2>欄2內容</h2>
</div>
</div>

上面的代碼中，ui-grid-a類表示整個分欄布局，ui-block-a和ui-block-b類分別表示兩個欄。在欄中可以放置任意HTML元素，如文本、圖片、表單等。

如果需要更復雜的分欄布局，可以設置不同的列數和寬度比例。例如，下面的代碼創建了一個有三個不同寬度比例的分欄布局：

<div class="ui-grid-a">
<div class="ui-block-a" style="width: 25%">
<h2>欄1內容</h2>
</div>
<div class="ui-block-b" style="width: 50%">
<h2>欄2內容</h2>
</div>
<div class="ui-block-c" style="width: 25%">
<h2>欄3內容</h2>
</div>
</div>

上面的代碼中，欄1和欄3的寬度比例為25%，欄2的寬度比例為50%。需要注意的是，寬度比例必須加上百分號（%），否則分欄布局無法正常顯示。

總之，jQuery Mobile的分欄組件可幫助開發者輕松實現多欄布局，從而提高移動應用程序的用戶體驗。