移动应用程序在窃听你想要显示的信息的简单建。
在创建jQuery Mobile的一个按钮
在jQuery Mobile的按钮可以通过三种方式产生：
- 使用<input>元素
- 使用<button>元素与class="ui-btn"
- 使用<a>元素与class="ui-btn"
在jQuery Mobile的按钮将被自动的风格，使他们有吸引力的和可用的移动设备和台式电脑上，我们建议您使用<a>元素与class="ui-btn"在页面之间和纽带， <input>或<button>表单提交的元素。
注：1.4版本之前，我们使用data-role="button"属性来创建jQuery Mobile的一个按钮。 从1.4版本开始，框架采用CSS类风格的按钮（除了<input>按钮）。
导航按钮
通过按钮的页面之间进行链接，使用<a>元素与class="ui-btn"
分组按钮
jQuery Mobile的为分组按钮在一起的简单方法。
使用data-role="controlgroup"连同属性data-type="horizontal|vertical"在一个容器元素，指定是否水平或垂直组按钮：
例
<div data-role="controlgroup" data-type="horizontal" >
<a href="#" class="ui-btn">Button 1</a>
<a href="#"
class="ui-btn">Button 2</a>
<a href="#"
class="ui-btn">Button 3</a>
</div>
试一试» 默认情况下，分组按钮都与他们之间没有利润和空间垂直分组。 而只有第一个和最后一个按钮具有圆角，当组合在一起它创建一个漂亮的外观。
后退按钮
要创建一个返回按钮，使用data-rel="back"属性（ 注：这会忽略锚的href值）：
内嵌按钮
缺省情况下，按钮占用屏幕的整个宽度。 如果你想有一个按钮，这只是一样宽，它的内容，或者如果你希望两个或多个按钮来并排显示，添加"ui-btn-inline"类：
更多CSS类为链接按钮
| 类 | 描述 | 例 |
|---|---|---|
| ui-btn-b | 更改按钮为黑色背景，白色的文字颜色（默认为灰色背景与黑色文本）。 | 尝试一下 |
| ui-corner-all | 添加圆角的按钮 | 尝试一下 |
| ui-mini | 使按钮较小 | 尝试一下 |
| ui-shadow | 添加阴影按钮 | 尝试一下 |
如果你要使用多个类，每类用空格分隔，如： class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow"
默认情况下， <input>按钮有阴影和圆角。 该<a>和<button>元素没有。
对于CSS类常见的样式的完整参考，请访问我们的jQuery Mobile的CSS类参考 。
下一章演示了如何图标连接到您的按钮。