普通按钮：
<a href="#" data-role="button">Simple Button</a>
已经主题化的按钮：
<a href="#" data-role="button" data-theme="b">Themed Button</a>
方形按钮：
<a href="#" data-role="button" data-inline="true">Inline Button</a>
激活状态的按钮：
<a href="#" data-role="button" class="ui-btn-active">Active Button</a>
禁用状态的按钮：
<a href="#" data-role="button" class="ui-state-disabled">Disabled Button</a>
图标按钮：
<a href="#" data-role="button" data-icon="home" data-iconpos="left">Home Button</a>
按钮组：
<div data-role="controlgroup">
<a href="#" data-role="button">Button 1</a>
<a href="#" data-role="button">Button 2</a>
<a href="#" data-role="button">Button 3</a>
</div>
这只是一小部分 jQuery Mobile 按钮的示例。在使用按钮时，你可以结合使用不同的属性来定制按钮的外观和行为。例如，你可以使用 data-icon 和 data-iconpos 属性来添加图标，使用 data-theme 属性来应用不同的主题，以及使用 data-inline 属性来创建行内按钮。
确保在使用 jQuery Mobile 按钮时，引入了正确的 jQuery 和 jQuery Mobile 库，以及相关的 CSS 样式。这可以通过在 <head> 部分添加相应的链接来实现。
转载请注明出处：http://www.pingtaimeng.com/article/detail/14447/jQuery Mobile