jQuery div的拖拽是一種常見的交互操作，可以讓用戶通過鼠標拖動頁面上的div元素，從而實現頁面布局上的自由定位。

//首先，需要引入jQuery庫
<script type="text/javascript" src="jquery.js"></script>
//接著，使用jQuery選擇器選中需要拖拽的div元素
var $div = $('#myDiv');
//定義三個變量，分別為鼠標在div內的相對位置，div的當前位置以及鼠標是否被按下
var mouseX = 0, mouseY = 0, divX = 0, divY = 0, isMouseDown = false;
//綁定鼠標按下事件
$div.mousedown(function(event) {
//記錄鼠標按下狀態
isMouseDown = true;
//記錄鼠標在div內的相對位置
mouseX = event.pageX - $div.offset().left;
mouseY = event.pageY - $div.offset().top;
});
//綁定鼠標移動事件
$div.mousemove(function(event) {
//如果鼠標處于按下狀態，則移動div
if(isMouseDown) {
//計算div的新位置
divX = event.pageX - mouseX;
divY = event.pageY - mouseY;
//設置div的位置
$div.css({left: divX, top: divY});
}
});
//綁定鼠標松開事件
$div.mouseup(function(event) {
//結束拖拽
isMouseDown = false;
});

上述代碼中，$('#myDiv')為選中需要拖拽的div元素，通過綁定鼠標事件并計算鼠標在div內的相對位置和div的新位置，最終實現了拖拽效果。