JQuery是一個JavaScript庫，它簡化了JavaScript的復雜性。通過使用JQuery，我們可以輕松地操作HTML DOM、處理事件和執行動畫效果。其中一個常見的需求就是調整DIV元素的大小。下面演示了如何使用JQuery來設置DIV元素的大小。

//設置DIV元素的寬度
$('div').width(100);
//設置DIV元素的高度
$('div').height(100);
//設置DIV元素的寬度和高度
$('div').css({ 'width': '100px', 'height': '100px' });

通過設置DIV元素的寬度和高度，我們可以使頁面元素更加美觀，同時也能夠適應不同的窗口大小。在使用JQuery來設置DIV元素大小時，需要注意以下幾點：

• 在設置寬度和高度時，可以直接設置像素值或者百分比值。如果設置的值是百分比，那么這個百分比是相對于父元素的大小。
• 可以通過CSS樣式來設置DIV元素的寬度和高度。在這種情況下，需要使用css方法來設置寬度和高度。
• 可以在頁面加載完畢后，在DOM結構中添加一個DIV元素，并設置寬度和高度。在這種情況下，需要注意的是，要先將DIV元素添加到DOM結構中，再設置寬度和高度。

總之，通過使用JQuery來設置DIV元素的大小，可以讓頁面元素更加靈活和美觀。