Jquery是一個功能強大的Javascript庫，它的拖拽功能非常出色。通過Jquery，我們可以輕松地實現拖拽效果，本文將介紹如何使用Jquery實現拖動div的效果。

首先，我們需要在HTML文件中引入Jquery庫：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

然后，在HTML文件中添加一個div元素：

<div id="drag">可以拖動的DIV</div>

接下來，我們需要編寫Jquery代碼實現拖拽效果：

$(function(){
var drag = false; //標記是否可拖拽
var offsetX, offsetY; //鼠標點擊位置與元素左上角的距離
var $drag = $("#drag"); //拖拽的元素
$drag.on("mousedown", function(event){
drag = true;
offsetX = event.pageX - parseInt($drag.css("left"));
offsetY = event.pageY - parseInt($drag.css("top"));
});
$(document).on("mousemove", function(event){
if(drag){
$drag.css({
"left": event.pageX - offsetX + "px",
"top": event.pageY - offsetY + "px"
});
}
});
$(document).on("mouseup", function(){
drag = false;
});
});

代碼解釋：

• 首先，我們設置了一個變量drag，標記元素是否可拖拽；
• 然后，我們給元素綁定了mousedown事件，在元素上按下鼠標時觸發，設置了變量offsetX和offsetY，記錄鼠標點擊位置與元素左上角的距離；
• 接著，我們給document綁定了mousemove事件，在鼠標移動時觸發，當drag為true時，修改元素的left和top屬性，實現拖拽效果；
• 最后，我們給document綁定了mouseup事件，在鼠標抬起時觸發，將drag設置為false，結束拖拽。

通過以上代碼，我們就可以輕松實現拖動div的效果了。