jQuery UI是一個JavaScript庫，它建立在jQuery庫之上，目的是提供用戶界面的豐富特性和交互功能。在本篇文章中，我們將重點介紹jQuery UI的核心組件之一：jquery-ui.js API。

$(function() {
$( "#datepicker" ).datepicker();
});

datepicker是jquery-ui.js中最受歡迎的插件之一。上述代碼展示了如何初始化一個日期選擇器。當選擇器被激活時，用戶可以通過點擊或鍵入日期值來選擇日期。該插件還提供了許多可配置選項，可以自定義日歷的樣式和功能。

$(function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
});

sortable是另一個重要的插件，它可以使列表、表格和菜單項可排序。上述代碼演示了如何初始化一個可排序的列表。當用戶按住鼠標左鍵并拖動列表項時，它們會以動態的方式被重新排序。disableSelection調用則確保在拖動列表項時，其他文本不會被選中。

$(function() {
$( "#accordion" ).accordion();
});

accordion是用于創建折疊面板的插件。上面的代碼演示了如何初始化一個折疊面板。當用戶點擊折疊面板的標題時，內容區域將展開或收縮。該插件還可以通過選項卡界面來自定義內容的呈現方式。

$(function() {
$( "#dialog" ).dialog();
});

dialog插件使用戶可以輕松地創建彈出窗口或模態框。上述代碼演示了如何初始化一個對話框。當對話框被激活時，它會覆蓋主窗口，并顯示用戶自定義的內容。該插件還提供了許多選項，可讓用戶自定義對話框的樣式、大小和行為。

以上是本篇文章對jquery-ui.js API的介紹。通過使用這些插件，您可以輕松地為您的Web應用程序添加交互性和豐富的用戶界面功能。