jQuery Mobile 教程教程

jQuery Mobile 图标

我们可以使用图标类在 jQuery Mobile 中 <a> 和 <button> 元素上添加图标，并对图标进行定位，如下所示：

<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left">刷新页面</a> 尝试一下

<button class="ui-btn ui-icon-refresh ui-btn-icon-left">刷新页面</button> 尝试一下

在 <input> 按钮中添加图标，可以使用 data-icon 属性:

<a href="#anylink" data-icon="refresh">刷新页面</a> 尝试一下

我们可以使用 data-icon 属性在导航按钮上添加图标:

<a href="#anylink" data-icon="refresh">刷新页面</a> 尝试一下

如果要在列表按钮中添加图标，可以在 <li> 中使用 data-icon 属性：

<li data-icon="refresh"><a href="#">点我</a></li> 尝试一下

下面我们列出了 jQuery Mobile 提供的所有可用图标：

	jQuery Mobile 图标

jQuery Mobile 教程

jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页，可以应用于智能手机与平板电脑。

1.jQuery Mobile 页面
2.jQuery Mobile 安装
3.jQuery Mobile 简介
4.jQuery Mobile 导航栏
5.jQuery Mobile 工具栏
6.jQuery Mobile 按钮图标
7.jQuery Mobile 按钮
8.jQuery Mobile 过渡
9.jQuery Mobile 列表内容
10.jQuery Mobile 列表视图
11.jQuery Mobile 滚屏事件
12.jQuery Mobile 表单滑动条
13.jQuery Mobile 表单输入
14.jQuery Mobile 表单
15.jQuery Mobile 触摸事件
16.jQuery Mobile 事件
17.jQuery Mobile 主题
18.jQuery Mobile 网格
19.jQuery Mobile 可折叠块
20.jQuery Mobile 图标
21.jQuery Mobile Data 属性
22.jQuery Mobile 实例
23.jQuery Mobile pagebeforeload 事件
24.jQuery Mobile pagebeforehide 事件
25.jQuery Mobile pagebeforecreate 事件
26.jQuery Mobile orientationchange 事件
27.jQuery Mobile scrollstop 事件
28.jQuery Mobile scrollstart 事件
29.jQuery Mobile pageshow 事件
30.jQuery Mobile pageloadfailed 事件
31.jQuery Mobile pageload 事件
32.jQuery Mobile pageinit 事件
33.jQuery Mobile pagehide 事件
34.jQuery pagecreate 事件
35.jQuery Mobile pagebeforeshow 事件
36.jQuery Mobile 事件
37.jQuery Mobile tap 事件
38.jQuery Mobile taphold 事件
39.jQuery Mobile swiperight 事件
40.jQuery Mobile swipeleft 事件
41.jQuery Mobile swipe 事件
42.jQuery Mobile页面事件
43.jQuery Mobile pagecontainerloadfailed 事件
44.jQuery Mobile pagecontainerload 事件
45.jQuery Mobile pagecontainerbeforeload 事件
46.jQuery Mobile 过滤
47.jQuery Mobile 表格
48.jQuery Mobile 面板
49.jQuery Mobile 弹窗