JQuery是一種非常流行的JavaScript庫，用于在網頁中處理交互和效果。其中一個核心功能是操作DOM元素，包括改變它們的寬度和高度。在本文中，我們將介紹如何使用JQuery div的寬度和高度。

$(document).ready(function(){
// 選擇div元素
var myDiv = $('div');
// 獲取寬度和高度
var width = myDiv.width();
var height = myDiv.height();
// 改變寬度和高度
myDiv.width(300); // 設置寬度為300像素
myDiv.height('50%'); // 設置高度為父元素高度的50%
});

上面的代碼展示了如何選擇一個div元素，并獲取和改變它的寬度和高度。首先，我們使用選擇器"$('div')"選擇了所有的div元素。

接下來，我們使用.width()和.height()函數獲取該div元素的寬度和高度。這兩個函數都返回一個數字（單位為像素），表示元素的寬度和高度。

然后，我們使用.width()和.height()函數來改變該div元素的寬度和高度。這兩個函數都可以接受一個數字或字符串作為參數，用于設置元素的寬度和高度。注意，如果你想使用百分比來設置寬度和高度，必須使用一個字符串，例如'50%'。

最后，我們使用.ready()函數來確保頁面完全加載后再執行操作。這可以確保我們能夠選擇div元素，并獲取和改變它的寬度和高度。

總之，JQuery是一種非常有用的工具，可以方便地操作HTML和CSS元素，包括改變它們的寬度和高度。如果你想要更多了解JQuery，請查閱JQuery官方文檔。