JQuery是一種流行的JavaScript庫，提供了許多快捷和易于使用的方法和函數，用于操作和展示Web頁面的元素和數據。在Web開發中，我們經常需要獲取和設置HTML元素的高度和寬度以進行正確的布局和美化。在本文中，我們將重點介紹使用jQuery獲取div元素高度的方法。

$("div").height();

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

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

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

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

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

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

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

總之，使用jQuery獲取HTML元素的高度是一項非常強大和方便的功能，能夠幫助我們快速和準確地進行Web頁面的布局和美化。