jQuery是一個非常流行的JavaScript庫，它簡化了JavaScript的編寫。在使用jQuery時，經常需要操作HTML元素的寬度和高度。在HTML中，使用DIV元素可以很方便的對頁面進行布局設計，那么在使用jQuery時，如何獲取和設置DIV元素的寬度和高度呢？

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

在上面的代碼中，我們使用了jQuery提供的width()和height()方法來獲取和設置DIV元素的寬度和高度。這兩個方法可以直接在選擇器中使用，返回DIV元素的寬度和高度。

除此之外，jQuery還提供了width(value)和height(value)方法，可以用來設置DIV元素的寬度和高度，參數value表示要設置的值。在上面的代碼中，我們將DIV元素的寬度設置為500px，高度設置為300px。

綜上所述，當我們使用DIV元素進行頁面布局時，可以通過jQuery的width()和height()方法來獲取和設置DIV元素的寬度和高度，方便我們在頁面設計中進行調整和優化。