隨著Web應用程序的不斷發展，jQuery已然成為了最為重要的前端開發工具之一。其中，使用jQuery對DOM操作進行管理又是開發過程中關鍵的一環。今天，我們就來討論一下jQuery中的div子元素高度的獲取問題。

$(document).ready(function(){//當文檔加載完畢時
	var height = $('#divId').height();  //獲取div高度的方法1
	var height2 = $('#divId').innerHeight();  //獲取div高度的方法2
	var height3 = $('#divId').outerHeight();  //獲取div高度的方法3
	var height4 = $('#divId').outerHeight(true);  //獲取div高度的方法4（將邊框、外邊距都算進去）
$('#divId').html('div高度為'+ height);  //將div高度輸出到頁面中
});

上述代碼中，我們首先使用了jQuery的.ready()函數，來確保文檔完全加載完畢后才進行操作。然后，通過四種方式獲取了ID為'divId'的div元素的高度信息。它們分別是:

• height(): 獲取div元素的高度，但是并不包含padding和border
• innerHeight(): 獲取div元素的高度，包含padding但是不包括border
• outerHeight(): 獲取div元素的高度，包括padding和border，但不包括外邊距
• outerHeight(true): 獲取div元素的高度，包括padding、border和外邊距

最后，我們將獲取到的高度信息通過使用jQuery的html()函數輸出到了頁面中。

以上便是jQuery中獲取div子元素高度的幾種方法，希望對大家的學習有所幫助。