使用jquery中height()方法获取各种高度大全

下面是使用jQuery中height()方法获取各种高度大全的完整攻略：

什么是height()方法？

height()是jQuery中常用的方法，主要用于获取或设置元素的高度。当不传递参数时，它返回的是元素的实际高度，包括padding，但不包括border和margin，返回的值是一个整数（单位为像素）。当传递参数时，它可以设置元素的高度，可以是一个数值，也可以是一个返回数值的函数。

获取元素的高度

通过id选择器获取元素的高度

let elHeight = $('#elementId').height();
console.log(elHeight);

通过class选择器获取元素的高度

let elHeight = $('.elementClass').height();
console.log(elHeight);

通过标签名选择器获取元素的高度

let elHeight = $('div').height();
console.log(elHeight);

获取元素的外部高度

获取元素外部高度（包括margin）

let elHeight = $('#elementId').outerHeight(true);
console.log(elHeight);

获取元素外部高度（不包括margin）

let elHeight = $('#elementId').outerHeight(false);
console.log(elHeight);

获取元素的视口高度

获取浏览器视口高度

let viewHeight = $(window).height();
console.log(viewHeight);

获取网页文档的实际高度

let docHeight = $(document).height();
console.log(docHeight);

以上是使用jQuery中height()方法获取各种高度的示例。如果有任何疑问，欢迎与我交流讨论。