jquery 高度
jQuery 获取和设置元素高度的方法
使用 jQuery 可以轻松获取或设置元素的高度，以下是几种常用的方法：
获取元素高度
height() 方法用于获取匹配元素集合中第一个元素的高度（不包括内边距、边框和外边距）。
var elementHeight = $('selector').height();innerHeight() 方法返回元素的高度，包括内边距（padding），但不包括边框和外边距。
var innerHeight = $('selector').innerHeight();outerHeight() 方法返回元素的高度，包括内边距和边框，但不包括外边距。可以传递 true 参数以包括外边距。
var outerHeight = $('selector').outerHeight();
var outerHeightWithMargin = $('selector').outerHeight(true);设置元素高度
height(value) 方法用于设置匹配元素集合中每个元素的高度。
$('selector').height(200);也可以使用函数动态设置高度。
$('selector').height(function(index, currentHeight) {
return currentHeight + 100;
});获取窗口和文档的高度
$(window).height() 返回浏览器窗口的视口高度。
var windowHeight = $(window).height();$(document).height() 返回整个文档的高度。
var documentHeight = $(document).height();注意事项
- 使用
height()获取的高度是数值，单位为像素。 - 设置高度时，可以传递数值（默认为像素）或字符串（如
'50%'）。 - 这些方法适用于可见元素，隐藏元素的高度可能需要先显示后才能正确获取。
示例代码
获取并设置 div 元素的高度：
// 获取 div 的当前高度
var divHeight = $('#myDiv').height();
// 设置 div 的新高度
$('#myDiv').height(divHeight + 50);获取窗口高度并在控制台输出：
$(window).resize(function() {
console.log('Window height: ' + $(window).height());
});
