jQuery-UI.js是一款基于jQuery的用戶界面組件庫，可以幫助開發(fā)者輕松地在前端中實(shí)現(xiàn)復(fù)雜的用戶界面交互效果和特效。該庫包含了各種UI組件和插件，如按鈕、進(jìn)度條、排序、拖拽、彈窗、日期選擇器等等。

// 引入jQuery和jQuery-UI
<script src="jquery.min.js"></script><script src="jquery-ui.min.js"></script>// 初始化對(duì)話框
$( "#dialog" ).dialog({
autoOpen: false, // 默認(rèn)不打開
width: 400, // 指定寬度
buttons: { // 對(duì)話框按鈕配置
"確定": function() {
$( this ).dialog( "close" ); // 關(guān)閉對(duì)話框
},
"取消": function() {
$( this ).dialog( "close" ); // 關(guān)閉對(duì)話框
}
}
});
// 打開對(duì)話框
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" ); // 打開對(duì)話框
});

上面的代碼演示了如何使用jQuery-UI的對(duì)話框組件來實(shí)現(xiàn)一個(gè)模態(tài)對(duì)話框的效果。首先需要引入jQuery和jQuery-UI的JS文件，然后通過調(diào)用dialog方法來初始化對(duì)話框，設(shè)置對(duì)話框的屬性和按鈕等內(nèi)容。最后通過點(diǎn)擊按鈕來打開或關(guān)閉該對(duì)話框。

jQuery-UI庫的組件和特效非常豐富，提供了很多實(shí)用的功能和樣式，可以幫助開發(fā)者快速構(gòu)建具有良好用戶交互體驗(yàn)的前端應(yīng)用程序。