jQuery是一種廣泛應用于Web開發的JavaScript庫。它簡化了HTML的遍歷和操作、事件處理、動畫制作和 Ajax 交互。其中一個非常實用的插件就是實現 div 拖動效果的 jQuery UI。

jQuery UI 是一個 jQuery 的 UI 組件庫，包括很多插件，如日期選擇器、對話框、拖動功能等，而在拖動功能中，可以通過拖動 div 元素或者其他元素，進行交互操作。

//引入 jQuery 和 jQuery UI 插件
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
//綁定鼠標拖拽事件并使用 jQuery UI 的 draggable 方法
$(document).ready(function(){
$("#div1").draggable();
});
<div id="div1" style="background-color:#FF9999;width:200px;height:200px;padding:30px;"><p>請通過拖動我進行交互操作</p></div>

在這段代碼中，我們首先引入依賴的 jQuery 和 jQuery UI 插件，然后通過 ready 函數進行初始化。接著，通過選擇器選中要拖動的 div 元素，并使用 draggable 方法使其可以被拖動。在 div 元素中，我們添加了一段文字提示用戶進行拖動操作。

除了基本的拖動功能，jQuery UI 還支持鎖定和限制拖動范圍、貼近吸附效果以及拖動結束后的回調事件等等功能，可以滿足不同場景下的需求。總之，使用 jQuery UI 的拖動插件，可以讓你的 Web 應用更加具有交互性和用戶友好性。