移動應用程序在竊聽你想要顯示的信息的簡單建。
在創建jQuery Mobile的一個按鈕
在jQuery Mobile的按鈕可以通過三種方式產生：
- 使用<input>元素
- 使用<button>元素與class="ui-btn"
- 使用<a>元素與class="ui-btn"
在jQuery Mobile的按鈕將被自動的風格，使他們有吸引力的和可用的移動設備和台式電腦上，我們建議您使用<a>元素與class="ui-btn"在頁面之間和紐帶， <input>或<button>表單提交的元素。
注：1.4版本之前，我們使用data-role="button"屬性來創建jQuery Mobile的一個按鈕。 從1.4版本開始，框架採用CSS類風格的按鈕（除了<input>按鈕）。
導航按鈕
通過按鈕的頁面之間進行鏈接，使用<a>元素與class="ui-btn"
分組按鈕
jQuery Mobile的為分組按鈕在一起的簡單方法。
使用data-role="controlgroup"連同屬性data-type="horizontal|vertical"在一個容器元素，指定是否水平或垂直組按鈕：
例
<div data-role="controlgroup" data-type="horizontal" >
<a href="#" class="ui-btn">Button 1</a>
<a href="#"
class="ui-btn">Button 2</a>
<a href="#"
class="ui-btn">Button 3</a>
</div>
試一試» 默認情況下，分組按鈕都與他們之間沒有利潤和空間垂直分組。 而只有第一個和最後一個按鈕具有圓角，當組合在一起它創建一個漂亮的外觀。
後退按鈕
要創建一個返回按鈕，使用data-rel="back"屬性（ 注：這會忽略錨的href值）：
內嵌按鈕
缺省情況下，按鈕佔用屏幕的整個寬度。 如果你想有一個按鈕，這只是一樣寬，它的內容，或者如果你希望兩個或多個按鈕來並排顯示，添加"ui-btn-inline"類：
更多CSS類為鏈接按鈕
| 類 | 描述 | 例 |
|---|---|---|
| ui-btn-b | 更改按鈕為黑色背景，白色的文字顏色（默認為灰色背景與黑色文本）。 | 嘗試一下 |
| ui-corner-all | 添加圓角的按鈕 | 嘗試一下 |
| ui-mini | 使按鈕較小 | 嘗試一下 |
| ui-shadow | 添加陰影按鈕 | 嘗試一下 |
如果你要使用多個類，每類用空格分隔，如： class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow"
默認情況下， <input>按鈕有陰影和圓角。 該<a>和<button>元素沒有。
對於CSS類常見的樣式的完整參考，請訪問我們的jQuery Mobile的CSS類參考 。
下一章演示了如何圖標連接到您的按鈕。