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 提供的所有可用图标：值描述图标实例action动作尝试一下alert警告尝试一下audio视频 / 音频 / 扬声器尝试一下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照相机尝试一下carat-d向下尝试一下carat-l向左尝试一下carat-r向右尝试一下carat-u向上尝试一下check验证标记尝试一下clock时钟尝试一下cloud云尝试一下comment评论尝试一下delete删除 (X)尝试一下edit编辑 / 铅笔尝试一下eye眼睛尝试一下forbidden静止标记尝试一下forward前进尝试一下gear齿轮尝试一下grid网格尝试一下heart心 / 爱 标志尝试一下home家（主页）尝试一下info信息尝试一下location定位 / GPS尝试一下lock锁 / 挂锁尝试一下mail邮件 / 信封尝试一下minus符号、减号尝试一下navigation导航尝试一下phone电话尝试一下power开关 (On/off)尝试一下plus加号尝试一下recycle回收尝试一下refresh刷新尝试一下search搜索尝试一下shop商店、钱包、手提袋尝试一下star星号尝试一下tag标签尝试一下user用户尝试一下video摄像机尝试一下