jQuery-UI是一個強大且流行的JavaScript庫，通過使用該庫，您可以創建各種交互式和動態網頁效果。在jQuery-UI中使用圖標可以為您的網頁增加更多的互動性和美感。在下面，我將向您介紹如何使用jQuery-UI圖標。

要使用jQuery-UI圖標，您需要引入jQuery-UI庫的樣式表和腳本文件。您可以通過以下方式來完成：

<link rel="stylesheet" >
<script src="https://code.jquery.com/ui/<version>/jquery-ui.js"></script>

其中，<version>用于指定jQuery-UI庫的版本，<theme>用于指定你想使用的主題。 您可以在jQuery-UI官方網站（https://jqueryui.com）中下載庫文件和主題文件。

一旦您引入了jQuery-UI相關文件，您就可以在HTML中使用jQuery-UI圖標了。 例如，要在<span>元素中使用一個表示刪除的圖標，您可以使用以下HTML代碼：

<span class="ui-icon ui-icon-trash"></span>

在這里，.ui-icon類用于指定元素將顯示一個圖標，.ui-icon-trash類用于指定所使用的圖標是刪除圖標。

您可以在jQuery-UI官方文檔中找到所有可用的圖標和其類名稱，并使用它們在您的網頁中顯示各種不同的圖標。

總之，在使用jQuery-UI圖標的時候，您需要引入jQuery-UI相關文件，并將相應的類應用到您的HTML元素中。 掌握這些基本知識，您可以輕松地使用jQuery-UI圖標來增強您網頁的交互性和美觀程度。