jQuery Mobile Icon
- Previous Page jQuery Mobile Event
- Next Page jQuery Mobile Tutorial
jQuery 图标
如需在 jQuery Mobile 中向按钮添加图标，请使用 data-icon 属性：
<a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a>
提示：您也可以在 <button> 或 <input> 元素中使用 data-icon 属性。
下面我们已列出 jQuery Mobile 提供的所有可用图标：
| 属性值 | 描述 | 图标 | 例子 |
|---|---|---|---|
| data-icon="arrow-l" | 左箭头 | Test | |
| data-icon="arrow-r" | 右箭头 | Test | |
| data-icon="arrow-u" | 上箭头 | Test | |
| data-icon="arrow-d" | 下箭头 | Test | |
| data-icon="plus" | 加 | Test | |
| data-icon="minus" | 减 | Test | |
| data-icon="delete" | 删除 | Test | |
| data-icon="check" | 检查 | Test | |
| data-icon="home" | 首页 | Test | |
| data-icon="info" | Information | Test | |
| data-icon="grid" | Grid | Test | |
| data-icon="gear" | Gear | Test | |
| data-icon="search" | Search | Test | |
| data-icon="back" | Back | Test | |
| data-icon="forward" | Forward | Test | |
| data-icon="refresh" | Refresh | Test | |
| data-icon="star" | Star | Test | |
| data-icon="alert" | Reminder | Test |
- Previous Page jQuery Mobile Event
- Next Page jQuery Mobile Tutorial
