jQuery是一個快速、小巧且功能強大的JavaScript庫。在Web開發中，經常需要實現div的可移動效果，而jQuery可以幫助我們在幾行代碼內輕松實現這個功能。

要實現div的可移動效果，需要先在HTML文件中加入一個div，并為它指定id和CSS樣式：

<div id="moveable" style="position:absolute;left:0;top:0;">
這是可以移動的div
</div>

接下來，在JavaScript文件中使用jQuery來實現div的可移動效果：

$(function() {
var moveable = false;
var mouseX, mouseY;
var originX, originY;
$('#moveable').mousedown(function(e) {
moveable = true;
originX = e.pageX - parseInt($(this).css('left'));
originY = e.pageY - parseInt($(this).css('top'));
});
$(document).mousemove(function(e) {
if(moveable) {
mouseX = e.pageX - originX;
mouseY = e.pageY - originY;
$('#moveable').css({'left':mouseX,'top':mouseY});
}
});
$(document).mouseup(function() {
moveable = false;
});
});

代碼中定義了四個變量，分別是moveable、mouseX、mouseY、originX和originY。當鼠標按下移動可移動div時，moveable變量值為true；同時獲取鼠標按下時鼠標位置和可移動div的位置，計算出鼠標和div的相對位置。隨后，每當鼠標移動時，在移動狀態下更新可移動div的位置；當松開鼠標時，moveable變量值為false，停止移動。實現了div可移動的效果。