jQuery是一種Web前端開發的工具庫，它為開發人員提供了豐富的函數和方法，可以使開發過程更加簡單、高效。其中，div拖動模塊是Web開發中常用的功能之一，可以提高用戶體驗。下面我們來介紹如何使用jQuery實現div拖動模塊。

$(function(){
var move = false; //是否拖動標識
var _x, _y; //鼠標距離div左上角的距離
$(".draggable").mousedown(function(e) {
move = true;
_x = e.pageX - parseInt($(this).css("left"));
_y = e.pageY - parseInt($(this).css("top"));
$(this).css({ "opacity": "0.8" }); //拖動時div的透明度
});
$(document).mousemove(function(e) {
if (move) {
var x = e.pageX - _x;
var y = e.pageY - _y;
$(".draggable").css({ "left": x, "top": y }); //div的新位置
}
}).mouseup(function() {
move = false;
$(".draggable").css({ "opacity": "1" }); //拖動結束div恢復透明度
});
});

以上代碼解釋如下：

1.定義move變量，比那里鼠標是否正在拖動div
2.獲取鼠標距離div左上角的距離，計算得出位置變量_x和_y
3.拖動時修改div的透明度為0.8，實現效果
4.在鼠標移動的過程中，如果move標識為true，說明正在拖動，則計算出當前位置，修改div的left和top屬性
5.鼠標抬起后，將move標識恢復為false，同時將div的透明度設置為1，即恢復原樣
6.使用jQuery選擇器選擇需要拖動的div元素(如上面代碼中的class為“draggable”的div)，并綁定mousedown事件，即鼠標按下時開始拖動。

通過以上代碼，我們就可以輕松實現jQuery div拖動模塊。如果需要實現其他的拖動效果，也可以通過修改代碼中的相關屬性，實現自己想要的效果。