jquery 高度

jQuery 获取和设置元素高度的方法

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

获取元素高度

使用 height() 方法可以获取匹配元素中第一个元素的计算高度（不包含内边距、边框和外边距）。

var elementHeight = $('#elementId').height();

使用 innerHeight() 方法可以获取包含内边距但不包含边框和外边距的高度。

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

使用 outerHeight() 方法可以获取包含内边距和边框但不包含外边距的高度。传递 true 作为参数可以包含外边距。

var outerHeight = $('#elementId').outerHeight(); // 不包含外边距
var outerHeightWithMargin = $('#elementId').outerHeight(true); // 包含外边距

设置元素高度

使用 height(value) 方法可以设置匹配元素的高度。值可以是数字（单位为像素）或带有单位的字符串。

$('#elementId').height(200); // 设置为 200 像素
$('#elementId').height('50%'); // 设置为父元素的 50%

获取窗口或文档的高度

获取窗口的可见高度：

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

获取整个文档的高度：

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

注意事项

• height() 方法返回的高度是数值，不包含单位。
• 设置高度时，可以直接传递数值（默认单位为像素）或带有单位的字符串。
• 这些方法适用于所有可见元素，包括隐藏元素（需确保元素在 DOM 中）。