jQuery Mobile 使用一系列 CSS 类来定义样式和行为。这些类通常用于定制页面元素的外观和交互。以下是一些常见的 jQuery Mobile CSS 类:

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.pingtaimeng.com/article/detail/14472/jQuery Mobile