jQuery-UI是一個基于jQuery的開源JavaScript圖形用戶界面庫，它主要用于快速地創建交互性和動態性的網頁應用程序。它包含了眾多的可定制并且易于使用的UI控件和特效，如自動完成、對話框、拖放、進度條、選擇器等。

// 使用jQuery-UI的自動完成控件
$(function() {
var availableCities = [
"北京",
"上海",
"深圳",
"廣州",
"成都",
"重慶",
"武漢",
"南京",
"杭州",
"蘇州",
"寧波",
];
$("#city").autocomplete({
source: availableCities,
});
});

以上代碼展示了如何利用jQuery-UI的自動完成控件來讓用戶在輸入框中快速地找到想要的城市。通過定義一個可用城市的數組，將其作為控件的源數據，當用戶輸入相關字符時，自動完成控件就會根據源數據來智能匹配并實時顯示匹配的結果。通過使用jQuery-UI，我們能夠輕松地為網頁添加各種動態的交互效果，從而提高用戶體驗和網站的可用性。