jQuery是一款強大的JavaScript庫，能夠簡化HTML文檔遍歷、事件處理、動畫等操作。其中，jQuery UI是jQuery的官方界面庫，提供了諸如對話框、拖放、排序、選項卡以及自定義表單控件等交互組件。

其中，拖放是指鼠標按下某個元素并不放，拖動鼠標到另一個位置，然后釋放鼠標按鍵，拖動的元素就會被放置在新位置上。使用jQuery UI進行拖放，可以使頁面開發更加易于實現、易于維護。

$('#draggable').draggable({
containment: 'parent'
});

以上是利用jQuery UI使某個div元素可拖動的示例代碼。其中，$代表jQuery對象，#draggable表示要拖動的div元素。

在draggable方法中，containment屬性指定了元素可以被拖動的區域。在該示例中，拖動的元素只能在其父元素內部拖動。

此外，還可以為拖動的元素綁定拖動事件，以便實現更多自定義功能。

$('#draggable').on('drag', function(event, ui) {
console.log('dragging');
});

以上是綁定拖動事件的示例代碼。在該代碼中，當元素被拖動時，會調用回調函數并輸出'dragging'到控制臺。

總之，利用jQuery和jQuery UI，可以輕松實現div元素的拖動功能，為頁面交互體驗增添不少樂趣和便捷。