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

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

首先，我們要在文檔加載完成后運(yùn)行代碼，以確保我們可以正確地訪問(wèn)和操作我們的div標(biāo)記。我們可以通過(guò)包裝我們的代碼在一個(gè)$(document).ready()函數(shù)中來(lái)實(shí)現(xiàn)這一點(diǎn)。

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

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

最后，我們可以在CSS樣式表中定義一個(gè)樣式來(lái)美化我們的div元素，使它們更加可見。這些樣式將設(shè)置div元素的背景顏色，邊框和填充。在樣式表中定義這些樣式，可以幫助我們?cè)谡麄€(gè)網(wǎng)站中很方便地重用它們，而無(wú)需在每個(gè)HTML頁(yè)面中重復(fù)定義。

通過(guò)使用jQuery的.width()和.height()函數(shù)，我們可以輕松設(shè)置div元素的寬度和高度。這是一種快速且方便的方法，可以使我們?cè)陂_發(fā)網(wǎng)站時(shí)更加高效。