在前端開發(fā)中，經(jīng)常需要獲取頁面元素的寬度和高度，使用jQuery可以輕松實(shí)現(xiàn)這一功能。本篇文章將介紹如何使用jQuery獲取div元素的寬度和高度。

$("div").width(); //獲取div的寬度
$("div").height(); //獲取div的高度

上述代碼中，我們可以使用$.width()和$.height()方法獲取div元素的寬度和高度，返回值以像素為單位。另外，如果我們需要同時(shí)獲取元素的內(nèi)部寬度和高度，可以使用$.innerWidth()和$.innerHeight()方法。如果還需要計(jì)算上元素的邊框，可以使用$.outerWidth()和$.outerHeight()方法，這兩個(gè)方法可以傳入一個(gè)參數(shù)，表示是否包括元素的邊框。

$("div").innerWidth(); //獲取div的內(nèi)部寬度
$("div").innerHeight(); //獲取div的內(nèi)部高度
$("div").outerWidth(); //獲取div的外部寬度（不包含邊框）
$("div").outerHeight(); //獲取div的外部高度（不包含邊框）
$("div").outerWidth(true); //獲取div的外部寬度（包含邊框）
$("div").outerHeight(true); //獲取div的外部高度（包含邊框）

在獲取元素寬度和高度時(shí)，需要注意的是：如果元素是隱藏的（例如display:none），則其寬度和高度為0。如果需要獲取隱藏元素的寬度和高度，可以先將元素顯示，再獲取它的寬度和高度，如下所示：

$("div").show(); //顯示div
var width = $("div").width(); //獲取寬度
var height = $("div").height(); //獲取高度
$("div").hide(); //隱藏div

以上就是關(guān)于使用jQuery獲取div元素寬度和高度的所有內(nèi)容，希望對您有所幫助。