使用jQuery获取div的高度

使用jQuery可以方便地获取div的高度。以下是一些常用的方法。

.height()方法

使用.height()方法可以获取div的高度，该方法可以返回数值类型，也可以返回带有单位的字符串类型。

var height = $('#myDiv').height(); // 返回数值类型
var heightStr = $('#myDiv').css('height'); // 返回带有单位的字符串类型

.outerHeight()方法

使用.outerHeight()方法可以获取div的外部高度，包括了padding、border和margin的高度。

var outerHeight = $('#myDiv').outerHeight(); // 返回数值类型

.innerHeight()方法

使用.innerHeight()方法可以获取div的内部高度，包括了padding的高度。

var innerHeight = $('#myDiv').innerHeight(); // 返回数值类型

示例

以下是一个示例代码片段，演示如何使用jQuery获取div的高度。

<div id="myDiv" style="height: 100px; padding: 10px; border: 1px solid black; margin: 5px;">
    This is a div.
</div>

<script>
    var height = $('#myDiv').height(); // 100
    var outerHeight = $('#myDiv').outerHeight(); // 122
    var innerHeight = $('#myDiv').innerHeight(); // 120
</script>

以上代码会创建一个高度为100px的div，并使用jQuery获取其高度、外部高度和内部高度，并分别将结果存储在变量中。