jQuery是一種流行的JavaScript庫，它可以幫助我們更輕松地操作HTML和CSS。在這篇文章中，我們將介紹如何使用jQuery設置div的寬和高。

$(document).ready(function(){
$("div").width(200);
$("div").height(200);
});

首先，我們要在文檔加載完成后運行代碼，以確保我們可以正確地訪問和操作我們的div標記。我們可以通過包裝我們的代碼在一個$(document).ready()函數中來實現這一點。

接下來，我們將選中所有的div元素，并調用.width()函數來設置它們的寬度為200像素，再使用.height()函數來設置它們的高度也為200像素。注意，我們將寬度和高度作為函數的參數傳遞給它們，這是一個常見的jQuery語法。

div {
background-color: #f2f2f2;
border: 1px solid #ddd;
padding: 20px;
}

最后，我們可以在CSS樣式表中定義一個樣式來美化我們的div元素，使它們更加可見。這些樣式將設置div元素的背景顏色，邊框和填充。在樣式表中定義這些樣式，可以幫助我們在整個網站中很方便地重用它們，而無需在每個HTML頁面中重復定義。

通過使用jQuery的.width()和.height()函數，我們可以輕松設置div元素的寬度和高度。這是一種快速且方便的方法，可以使我們在開發網站時更加高效。