jQuery是一款廣泛使用的JavaScript庫，用于輕松地操作HTML文檔和處理事件。其中，div元素是HTML中最基礎、最常用的標記之一，它可以被用來創建各種各樣的布局結構。

在jQuery中，我們可以使用animate函數來使一個div元素逐漸增大或縮小，并且可以選擇是水平方向或者垂直方向增大或縮小。比如，以下代碼片段會讓一個id為“box”的div元素水平方向增大100px，持續時間為500毫秒：

$("#box").animate({
width: "+=100px"
}, 500);

同樣地，如果我們想將元素垂直方向增大100px，只需要將width屬性改為height即可：

$("#box").animate({
height: "+=100px"
}, 500);

當然，我們也可以設置一系列屬性，例如利用以下代碼同時增大水平和垂直兩個方向：

$("#box").animate({
width: "+=100px",
height: "+=100px"
}, 500);

執行以上代碼，我們可以看到div元素逐漸拉伸到寬高都增大了100px，動畫持續的時間為500毫秒。可以根據需要自行調整參數，制作出更加炫酷的動態效果。