JQuery是一種流行的JavaScript庫(kù)，提供了許多快捷和易于使用的方法和函數(shù)，用于操作和展示W(wǎng)eb頁(yè)面的元素和數(shù)據(jù)。在Web開(kāi)發(fā)中，我們經(jīng)常需要獲取和設(shè)置HTML元素的高度和寬度以進(jìn)行正確的布局和美化。在本文中，我們將重點(diǎn)介紹使用jQuery獲取div元素高度的方法。

$("div").height();

上述代碼使用了jQuery選擇器來(lái)獲取頁(yè)面中的所有div元素，并使用height()函數(shù)來(lái)獲取其高度值。這個(gè)函數(shù)返回的是一個(gè)數(shù)字，代表div元素的像素高度。

我們可以將上述代碼放在jQuery的ready()函數(shù)中，以確保頁(yè)面加載完成后再執(zhí)行獲取高度的操作。

$(document).ready(function(){
var height = $("div").height();
console.log(height);
});

上述代碼將div元素的高度值存儲(chǔ)在一個(gè)變量中，然后通過(guò)console.log()函數(shù)輸出到控制臺(tái)中。我們也可以將這個(gè)值設(shè)置給其他元素或使用它來(lái)進(jìn)行更復(fù)雜的計(jì)算和操作。

此外，我們還可以使用outerHeight()函數(shù)來(lái)獲取div元素的外部高度（包括padding和border的值），或使用innerHeight()函數(shù)來(lái)獲取div元素的內(nèi)部高度（包括padding的值）。這些函數(shù)的使用方式與height()類(lèi)似。

var outerHeight = $("div").outerHeight();
var innerHeight = $("div").innerHeight();

以上代碼分別使用了outerHeight()和innerHeight()函數(shù)來(lái)獲取div元素的外部高度和內(nèi)部高度。

總之，使用jQuery獲取HTML元素的高度是一項(xiàng)非常強(qiáng)大和方便的功能，能夠幫助我們快速和準(zhǔn)確地進(jìn)行Web頁(yè)面的布局和美化。