1. 按钮图标：
<!-- 设置按钮图标 -->
<a href="#" data-icon="plus">添加</a>
<a href="#" data-icon="delete">删除</a>
<a href="#" data-icon="arrow-r">下一页</a>
常用按钮图标类：plus、minus、delete、check、gear、forward、back、grid 等。
2. 列表图标：
<!-- 设置列表图标 -->
<ul data-role="listview">
<li><a href="#" data-icon="star">星标</a></li>
<li><a href="#" data-icon="info">信息</a></li>
<li><a href="#" data-icon="alert">警告</a></li>
</ul>
常用列表图标类：star、delete、arrow-r、check、info、alert 等。
3. 页头图标：
<!-- 设置页头图标 -->
<div data-role="header">
<h1><a href="#" data-icon="home">首页</a></h1>
</div>
常用页头图标类：home、back、grid 等。
4. 页脚图标：
<!-- 设置页脚图标 -->
<div data-role="footer">
<h4><a href="#" data-icon="info">信息</a></h4>
</div>
常用页脚图标类：info、plus、minus、arrow-u、arrow-d 等。
这些图标类都是通过 data-icon 属性来设置的，你可以根据需要选择适当的图标类。要查看完整的 jQuery Mobile 图标列表和演示，建议访问 jQuery Mobile 官方文档。
转载请注明出处：http://www.zyzy.cn/article/detail/9441/jQuery Mobile