jQuery UI是一款廣泛使用的JavaScript庫(kù)，它提供了一個(gè)豐富的用戶界面框架，包括按鈕圖標(biāo)。按鈕圖標(biāo)是jQuery UI中的一個(gè)組件，它可以為按鈕添加圖標(biāo)，使其更為直觀，方便用戶操作。

使用按鈕圖標(biāo)非常簡(jiǎn)單，只需要在HTML中添加一個(gè)按鈕元素，然后在JavaScript中調(diào)用按鈕圖標(biāo)組件即可。下面是一個(gè)示例：

<button id="myButton"></button>
<script>
$(function() {
$("#myButton").button({
icon: "ui-icon-gear"
});
});
</script>

上面的代碼中，我們首先定義了一個(gè)按鈕元素，并指定其ID為“myButton”。然后，在JavaScript中，我們使用button()函數(shù)調(diào)用按鈕組件，并傳入一個(gè)對(duì)象，其中icon屬性指定了按鈕圖標(biāo)的樣式類名，這里我們使用了“ui-icon-gear”，它是jQuery UI內(nèi)置的一個(gè)圖標(biāo)。

除了內(nèi)置圖標(biāo)，我們還可以使用自定義圖標(biāo)。只需要在CSS文件中定義一個(gè)新的樣式類，然后在JavaScript中指定該樣式類即可。下面是一個(gè)例子：

/* CSS文件中定義新的樣式類 */
.my-icon {
background-image: url("my-icon.png");
}
/* JavaScript中調(diào)用自定義圖標(biāo) */
$(function() {
$("#myButton").button({
icon: "my-icon"
});
});

上面的代碼中，我們首先在CSS文件中定義了一個(gè)名為“my-icon”的樣式類，它的background-image屬性指定了自定義圖標(biāo)的路徑。然后，在JavaScript中，我們使用button()函數(shù)調(diào)用按鈕組件，并指定圖標(biāo)樣式類為“my-icon”。

總之，按鈕圖標(biāo)是jQuery UI中一個(gè)非常實(shí)用的組件，它能夠?yàn)閼?yīng)用程序增添更為直觀、簡(jiǎn)潔的用戶界面。無(wú)論是使用內(nèi)置圖標(biāo)還是自定義圖標(biāo)都非常簡(jiǎn)單，只需要按照上面的方法進(jìn)行操作即可。