在前端開發中，Div元素是非常常見并且重要的一個元素，它可以用來分割網頁內容的結構，以及實現布局效果。而引入JQuery庫后，我們可以用非常便捷的方式來操作Div元素。
在引入Jquery庫的時候，我們需要在HTML文件的head標簽里使用script標簽來引入該庫，代碼如下：
<head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head>如上代碼所示，我們可以在src屬性中填入JQuery的在線鏈接地址，也可以引用本地的JQuery文件。 接著，我們就可以通過JQuery來改變Div元素的樣式，比如改變其顏色、大小、位置等等。具體代碼如下：
<script>
$(document).ready(function(){
$("p").click(function(){
$("div").animate({left: '250px'});
});
});
</script>在上面的代碼中，我們使用了animate()函數來實現一個動畫效果，將Div元素向左移動了250px的位置。而在點擊p標簽之后，JQuery就能夠開始執行這個動畫效果。
最后，我們需要注意的是，在使用JQuery來改變Div元素的樣式時，最好為該元素設置一個id或者class屬性，以便我們能夠更方便地調用它。通過這樣的方式，我們可以高效地利用JQuery的函數和方法，來實現更加復雜和靈活的效果。