JQuery是一種廣泛使用的JavaScript庫，用于簡化HTML文檔操作、事件處理、動畫制作和AJAX等操作。在前端開發中，我們經常需要對頁面中的元素進行操作。在這其中，對div長度的操作是我們非常常見的需求。

在JQuery中，我們可以使用.width()和.height()方法獲取和設置元素的寬度和高度。這兩個方法返回的值都是數字，表示元素的像素值。

// 獲取div的寬度和高度
var divWidth = $("div").width();
var divHeight = $("div").height();
// 設置div的寬度和高度
$("div").width(500);
$("div").height(300);

上述代碼中，我們首先獲取了一個div元素的寬度和高度，然后分別將它們設置為500像素和300像素。通過設置div的寬度和高度，我們可以實現對頁面布局的精確控制。

在JQuery中，還有一種用于對div長度進行操作的方法，即.outerWidth()和.outerHeight()。這兩個方法獲取的是元素的外部寬度和外部高度，包括元素的內邊距和邊框。如果需要獲取元素的外部寬度和高度，我們可以使用如下代碼：

// 獲取div的外部寬度和外部高度
var divOuterWidth = $("div").outerWidth();
var divOuterHeight = $("div").outerHeight();

上述代碼中，我們分別獲取了一個div元素的外部寬度和外部高度。如果需要獲取元素的內邊距和邊框的大小，可以在調用.outerWidth()和.outerHeight()方法時傳入一個布爾值參數，如下所示：

// 獲取div的內邊距和邊框的大小
var divPadding = $("div").outerWidth(true) - $("div").width();
var divBorder = $("div").outerHeight(true) - $("div").height();

上述代碼中，我們首先通過.outerWidth(true)和.outerHeight(true)獲取了一個div元素的外部寬度和外部高度，然后通過減去元素的寬度和高度，就可以得到元素的內邊距和邊框的大小。

總之，在JQuery中，我們可以使用.width()、.height()、.outerWidth()和.outerHeight()等方法來獲取和設置元素的長度，幫助我們實現頁面布局和樣式的控制。