jQuery Mobile是一款開源框架，可以方便地創(chuàng)建跨平臺的移動應(yīng)用程序。它包含了許多預(yù)定義的圖標(biāo)按鈕，這些按鈕可以增強你的用戶界面。本文將為你介紹如何使用jQuery Mobile的圖標(biāo)按鈕。 首先，我們需要確保已經(jīng)將jQuery和jQuery Mobile引入到我們的HTML頁面中。我們可以使用CDN鏈接，這樣我們就不需要下載它們的文件。

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

接下來，我們可以在按鈕中使用圖標(biāo)。jQuery Mobile提供了許多不同類型的圖標(biāo)按鈕，如圓形按鈕、正方形按鈕、圖標(biāo)標(biāo)簽等等。 例如，下面是一個帶有Plus圖標(biāo)的圓形按鈕：

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

“ui-btn”類指定這是一個按鈕，而“ui-icon-plus”類指定了要使用Plus圖標(biāo)。我們還可以使用“ui-btn-icon-left”類將圖標(biāo)放到按鈕左側(cè)，使用“ui-btn-icon-right”將圖標(biāo)放到按鈕右側(cè)。 除此之外，還有許多其他的圖標(biāo)可以使用，例如Arrow-r、Delete、Star、Back等等。在jQuery Mobile的官方文檔中可以找到完整的圖標(biāo)列表。 如果我們只需要圖標(biāo)而不需要按鈕，可以使用“ui-icon”類。例如，下面是一個橙色的Star圖標(biāo)：

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

“ui-icon-star”類指定了Star圖標(biāo)，而“ui-btn-icon-notext”類將消除按鈕文字。 在本文中，我們介紹了如何使用jQuery Mobile的圖標(biāo)按鈕和圖標(biāo)標(biāo)簽，可以使你的移動應(yīng)用程序視覺上更加美觀和易于使用。