jQuery Mobile是一款开源框架，可以方便地创建跨平台的移动应用程序。它包含了许多预定义的图标按钮，这些按钮可以增强你的用户界面。本文将为你介绍如何使用jQuery Mobile的图标按钮。 首先，我们需要确保已经将jQuery和jQuery Mobile引入到我们的HTML页面中。我们可以使用CDN链接，这样我们就不需要下载它们的文件。

<!-- 引入jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<!-- 引入jQuery Mobile -->
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

接下来，我们可以在按钮中使用图标。jQuery Mobile提供了许多不同类型的图标按钮，如圆形按钮、正方形按钮、图标标签等等。 例如，下面是一个带有Plus图标的圆形按钮：

<a href="#" class="ui-btn ui-corner-all ui-icon-plus ui-btn-icon-notext"></a>

“ui-btn”类指定这是一个按钮，而“ui-icon-plus”类指定了要使用Plus图标。我们还可以使用“ui-btn-icon-left”类将图标放到按钮左侧，使用“ui-btn-icon-right”将图标放到按钮右侧。 除此之外，还有许多其他的图标可以使用，例如Arrow-r、Delete、Star、Back等等。在jQuery Mobile的官方文档中可以找到完整的图标列表。 如果我们只需要图标而不需要按钮，可以使用“ui-icon”类。例如，下面是一个橙色的Star图标：

<span class="ui-icon ui-icon-star ui-btn-icon-notext"></span>

“ui-icon-star”类指定了Star图标，而“ui-btn-icon-notext”类将消除按钮文字。 在本文中，我们介绍了如何使用jQuery Mobile的图标按钮和图标标签，可以使你的移动应用程序视觉上更加美观和易于使用。