jQuery Mobile

jQuery Mobile是jQuery在手機上和平板設備上的版本。jQuery Mobile不僅會給主流移動平臺帶來jQuery核心庫，而且有一個完整統一的jQuery移動UI框架。

縮寫頁面的參數：

data-role='navbar'：定義導航欄
data-role='page':顯示在瀏覽器中的頁面
data-role='content':定義頁面中的內容
data-role='header':創建頁面上方的工具欄
data-role='footer':創建頁面底部的工具欄

按鈕

普通按鈕：data-role='button'
內聯按鈕：默認情況下，按鈕占滿整個屏幕寬度。如果你想要一個僅是與內容一樣寬的按鈕，或者如果您想要并排顯示兩個或多個按鈕，請添加 data-inline="true"
組合按鈕： jQuery Mobile提供了一個簡單的方法來將按鈕組合在一起。
請把 data-role="controlgroup" 屬性和 data-type="horizontal|vertical" 一起使用來規定是否水平或垂直組合按鈕
后退按鈕：如需創建后退按鈕，請使用 data-rel="back" 屬性（這會忽略錨的 href 值）
更多按鈕屬性：值為布爾類型
data-corners:規定按鈕是否有圓角
data-mini:規定是否是小型按鈕
data-shadow:規定按鈕是否有陰影

表單

• 當使用 jQuery Mobile 表單時，您應當知道：
• <form> 元素必須有一個 method 和一個 action 屬性
• 每個表單元素必須有一個唯一的 "id" 屬性。id 必須是整個站點所有頁面上唯一的。這是因為 jQuery Mobile 的單頁導航機制使得多個不同頁面在同一時間被呈現
• 每個表單元素必須有一個標簽。設置標簽的 for 屬性來匹配元素的 id