jquery获取高度

jQuery 获取元素高度的方法

使用 jQuery 可以方便地获取元素的高度，以下是几种常用的方法：

获取元素内容高度（不包含 padding、border 和 margin）

var height = $('#element').height();

获取元素内容高度 + 内边距（包含 padding，不包含 border 和 margin）

var innerHeight = $('#element').innerHeight();

获取元素内容高度 + 内边距 + 边框（包含 padding 和 border，不包含 margin）

var outerHeight = $('#element').outerHeight();

获取元素内容高度 + 内边距 + 边框 + 外边距（包含 padding、border 和 margin）

var outerHeightWithMargin = $('#element').outerHeight(true);

获取窗口和文档的高度

获取浏览器窗口的可见高度

var windowHeight = $(window).height();

获取整个文档的高度

var documentHeight = $(document).height();

注意事项

• 以上方法返回的高度值都是数字类型（单位为像素）。
• 如果元素被隐藏（display: none），这些方法将返回 0。
• 对于 outerHeight(true)，计算的是元素的总高度，包括外边距。