我們可以使用圖標(biāo)類(lèi)在 jQuery Mobile 中 <a> 和 <button> 元素上添加圖標(biāo)，并對(duì)圖標(biāo)進(jìn)行定位，如下所示：
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left">刷新頁(yè)面</a>嘗試一下
<button class="ui-btn ui-icon-refresh ui-btn-icon-left">刷新頁(yè)面</button>嘗試一下
在 <input> 按鈕中添加圖標(biāo)，可以使用 data-icon 屬性:
<a href="#anylink" data-icon="refresh">刷新頁(yè)面</a>嘗試一下
我們可以使用 data-icon 屬性在導(dǎo)航按鈕上添加圖標(biāo):
<a href="#anylink" data-icon="refresh">刷新頁(yè)面</a>嘗試一下
如果要在列表按鈕中添加圖標(biāo)，可以在 <li> 中使用 data-icon 屬性：
<li data-icon="refresh"><a href="#">點(diǎn)我</a></li>嘗試一下
下面我們列出了 jQuery Mobile 提供的所有可用圖標(biāo)：
| 值 | 描述 | 圖標(biāo) | 實(shí)例 |
|---|---|---|---|
| action | 動(dòng)作 | 嘗試一下 | |
| alert | 警告 | 嘗試一下 | |
| audio | 視頻 / 音頻 / 揚(yáng)聲器 | 嘗試一下 | |
| arrow-d-l | 左下角 | 嘗試一下 | |
| arrow-d-r | 右下角 | 嘗試一下 | |
| arrow-u-l | 左上角 | 嘗試一下 | |
| arrow-u-r | 右上角 | 嘗試一下 | |
| arrow-l | 左箭頭 | 嘗試一下 | |
| arrow-r | 右箭頭 | 嘗試一下 | |
| arrow-u | 上箭頭 | 嘗試一下 | |
| arrow-d | 下箭頭 | 嘗試一下 | |
| back | 返回 | 嘗試一下 | |
| bars | 欄目 | 嘗試一下 | |
| bullets | 柵欄 | 嘗試一下 | |
| calendar | 日歷 | 嘗試一下 | |
| camera | 照相機(jī) | 嘗試一下 | |
| carat-d | 向下 | 嘗試一下 | |
| carat-l | 向左 | 嘗試一下 | |
| carat-r | 向右 | 嘗試一下 | |
| carat-u | 向上 | 嘗試一下 | |
| check | 驗(yàn)證標(biāo)記 | 嘗試一下 | |
| clock | 時(shí)鐘 | 嘗試一下 | |
| cloud | 云 | 嘗試一下 | |
| comment | 評(píng)論 | 嘗試一下 | |
| delete | 刪除 (X) | 嘗試一下 | |
| edit | 編輯 / 鉛筆 | 嘗試一下 | |
| eye | 眼睛 | 嘗試一下 | |
| forbidden | 靜止標(biāo)記 | 嘗試一下 | |
| forward | 前進(jìn) | 嘗試一下 | |
| gear | 齒輪 | 嘗試一下 | |
| grid | 網(wǎng)格 | 嘗試一下 | |
| heart | 心 / 愛(ài) 標(biāo)志 | 嘗試一下 | |
| home | 家（主頁(yè)） | 嘗試一下 | |
| info | 信息 | 嘗試一下 | |
| location | 定位 / GPS | 嘗試一下 | |
| lock | 鎖 / 掛鎖 | 嘗試一下 | |
| 郵件 / 信封 | 嘗試一下 | ||
| minus | 符號(hào)、減號(hào) | 嘗試一下 | |
| navigation | 導(dǎo)航 | 嘗試一下 | |
| phone | 電話(huà) | 嘗試一下 | |
| power | 開(kāi)關(guān) (On/off) | 嘗試一下 | |
| plus | 加號(hào) | 嘗試一下 | |
| recycle | 回收 | 嘗試一下 | |
| refresh | 刷新 | 嘗試一下 | |
| search | 搜索 | 嘗試一下 | |
| shop | 商店、錢(qián)包、手提袋 | 嘗試一下 | |
| star | 星號(hào) | 嘗試一下 | |
| tag | 標(biāo)簽 | 嘗試一下 | |
| user | 用戶(hù) | 嘗試一下 | |
| video | 攝像機(jī) | 嘗試一下 |