如何使用 jQuery 获取 div 的高度？

在前端页面开发中，有时我们需要获取一个div的高度值。这时我们可以使用jQuery库来获取，具体方法如下：

方法一：height()

使用height()方法可以获取一个元素的高度值，代码如下：

var height = $('div').height();

其中，$('div')表示获取一个名称为div的元素，通过height()方法获取其高度值。这个值是一个数字类型。

方法二：outerHeight()

使用outerHeight()方法可以获取一个元素的高度值，该值包含了元素的内边距(padding)、边框(border)和外边距(margin)，代码如下：

var height = $('div').outerHeight();

同样的，$('div')表示获取一个名称为div的元素，通过outerHeight()方法获取其高度值。这个值是一个数字类型。

方法三：css()

使用css()方法可以获取一个元素的CSS属性值，代码如下：

var height = $('div').css('height');

其中，$('div')表示获取一个名称为div的元素，通过css('height')方法获取其高度的CSS属性值，这个值是一个字符串类型。如：'100px'。

以上三种方式都可以获取div元素的高度值，具体使用哪种取决于你的需要。

参考文献：jQuery API