jQuery是一個流行的JavaScript庫,可以幫助Web開發人員更輕松地處理DOM操作、Ajax請求、事件處理等常見任務。而jQuery UI則為開發人員提供了一套 UI 組件,它們可以輕松地與jQuery整合。而jquery ui包就是jQuery UI組件的官方發行版本。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
借助jQuery UI包,開發人員可以使用各種UI組件,如:
- 對話框
- 選項卡
- 滑塊
- 日期選擇器
- 自動完成
- 排序表格
- 拖放功能
- 和更多的交互組件
使用jQuery UI的好處之一是所有組件都遵循一致的樣式和設計,這使得網站更具專業性。此外,因為它基于jQuery庫構建,因此可以輕松地與現有的jQuery代碼集成。
$(document).ready(function(){
$("#sortable").sortable();
});
如上所示,使用jquery ui包的sortable組件,對某一個元素進行拖拽排序,只需簡單的一行代碼即可實現。
最后,需要注意的是,因為jQuery UI包依賴于jQuery庫,所以在使用之前必須先加載jQuery庫。同時要確保您使用的是與jQuery UI版本兼容的jQuery版本。