Jquery Mobile 是一個基于Jquery框架的移動應用開發框架，它提供了大量UI控件，可以幫助我們輕松地構建移動應用。下面我們來介紹幾個常用的控件。

//創建列表視圖控件
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">第一項</a></li>
<li><a href="#">第二項</a></li>
<li><a href="#">第三項</a></li>
</ul>

列表視圖控件是jquery Mobile中最常用的控件之一，它可以在移動設備上呈現出類似于原生應用的列表形式。在上面的代碼中，我們使用data-role屬性創建了一個列表視圖控件，data-inset屬性設置為true可以讓列表項和容器之間有一定的間距，data-filter屬性設置為true可以添加一個過濾器，讓用戶能夠搜索列表項。

//創建按鈕控件
<a href="#" data-role="button">一個按鈕</a>

按鈕控件是jquery Mobile中另一個常用的控件，它可以讓我們在移動設備上創建各種類型的按鈕。在上面的代碼中，我們使用data-role屬性創建了一個按鈕控件。在移動設備上，按鈕控件通常會被扁平化，并且有一些樣式和交互效果。

//創建導航條控件
<div data-role="navbar">
<ul>
<li><a href="#" class="ui-btn-active ui-state-persist">第一項</a></li>
<li><a href="#">第二項</a></li>
<li><a href="#">第三項</a></li>
</ul>
</div>

導航條控件可以讓我們在移動應用中快速地導航到其他頁面或功能。在上面的代碼中，我們使用data-role屬性創建了一個導航條控件，并且使用ui-btn-active類和ui-state-persist類來設置第一項為默認選中狀態，ui-btn-active類用于標識選中狀態，ui-state-persist類用于設置選中狀態在刷新頁面后依然保持。