1. ui-page 类： 用于定义页面元素的基本样式。
<div data-role="page" class="ui-page">...</div>
2. ui-header 类： 用于定义页眉元素的样式。
<div data-role="header" class="ui-header">...</div>
3. ui-content 类： 用于定义内容区域元素的样式。
<div data-role="content" class="ui-content">...</div>
4. ui-footer 类： 用于定义页脚元素的样式。
<div data-role="footer" class="ui-footer">...</div>
5. ui-btn 类： 用于定义按钮元素的样式。
<a href="#" data-role="button" class="ui-btn">Button</a>
6. ui-icon 类： 用于定义图标元素的样式。
<span class="ui-icon ui-icon-home"></span>
7. ui-bar 类： 用于定义工具栏元素的样式。
<div data-role="navbar" class="ui-bar">...</div>
8. ui-shadow 类： 用于定义元素的投影样式。
<div class="ui-shadow">This element has a shadow.</div>
9. ui-btn-active 类： 用于定义活动状态的按钮样式。
<a href="#" data-role="button" class="ui-btn ui-btn-active">Active Button</a>
10. ui-disabled 类： 用于定义禁用状态的元素样式。
<a href="#" data-role="button" class="ui-btn ui-disabled">Disabled Button</a>
这些类可以通过添加到相应的 HTML 元素来实现样式的定制。根据具体的需求，你可以使用这些类，也可以通过自定义 CSS 进行更高级的样式定制。详细的类及其用法可以在 jQuery Mobile 的官方文档中找到：[jQuery Mobile CSS Framework](https://demos.jquerymobile.com/1.4.5/css-structure/)。
转载请注明出处：http://www.zyzy.cn/article/detail/14472/jQuery Mobile