JQuery是一款廣泛使用的JavaScript庫，用于簡化HTML文檔遍歷、事件處理、動畫效果等操作。其中，移動DIV元素的位置是其常見用法之一，可以通過設(shè)置DIV的left和top屬性來實(shí)現(xiàn)。以下是示例代碼：

$('div').click(function(){
$(this).animate({left:'+=50px', top:'+=50px'}, 'slow');
});

這段代碼的意思是，當(dāng)點(diǎn)擊頁面上任意一個DIV元素時，該元素會向右下方移動50個像素。其中，animate()方法用于實(shí)現(xiàn)動畫效果，傳入的參數(shù)是一個對象，包含需要進(jìn)行動畫的CSS屬性及其對應(yīng)值。這里使用'+='是為了使每次移動的距離相對于當(dāng)前位置，而非固定的絕對值。

除了click事件，我們還可以使用其他事件觸發(fā)DIV移動，如mouseover、mouseout等。同時，可以通過設(shè)置不同的left和top值來實(shí)現(xiàn)不同的移動方向和距離。例如：

$('div').mouseover(function(){
$(this).animate({left:'-=50px', top:'-=50px'}, 'fast');
});

這段代碼的意思是，當(dāng)鼠標(biāo)移入頁面上任意一個DIV元素時，該元素會向左上方移動50個像素。

除了使用CSS屬性，我們還可以使用offset()方法和position()方法來獲取和修改元素的位置。offset()方法返回元素相對于頁面左上角的坐標(biāo)，position()方法返回元素相對于父元素的坐標(biāo)。例如：

var pos = $('#myDiv').offset();
$('#myDiv').animate({left:pos.left+50, top:pos.top+50}, 'slow');

這段代碼的意思是，獲取ID為myDiv的元素相對于頁面左上角的坐標(biāo)，并使其向右下方移動50個像素。

總結(jié)來說，通過JQuery實(shí)現(xiàn)DIV元素的移動可以極大地增加網(wǎng)頁的交互性和效果，同時也方便了開發(fā)者的工作。除了簡單的CSS屬性設(shè)置，我們還可以使用offset()和position()方法來靈活地控制元素的位置。