jQuery DAD API是針對鼠標拖放的一種jQuery插件，通過jQuery庫中的操作實現了JavaScript DOM拖放的接口約定。

使用jQuery DAD API可以簡化操作拖放的JS代碼，使其更加清晰易懂，功能更加強大，更方便地實現各種拖放需求。加上jQuery庫的高效和優化，數量繁多的瀏覽器兼容問題也得到了解決。

// 簡單實例代碼
$(function() {
$("#draggable").draggable();
$("#droppable").droppable({
drop: function(event, ui) {
$(this)
.addClass("ui-state-highlight")
.find("p")
.html("Dropped!");
}
});
});

上述代碼中，我們將ID為“draggable”的元素設置為可拖動，并將ID為“droppable”的元素設置為能夠接受拖放事件。當我們將可拖動元素拖動到“droppable”元素時，它將突出顯示，并將其容器P元素的內容設置為“Dropped!”。

可以看到，使用jQuery DAD API，為頁面增加拖放交互是非常簡單的，只需要在需要的元素上添加相應的函數，并設置其屬性和事件即可。jQuery DAD API 的強大功能遠不止于此，在應用中可以深入使用以實現更多的交互和效果。