jquery 改html 高度,jQuery outerHeight() 方法

jQuery outerHeight() 方法

outsideHeight()方法获取或设置所选元素的外部高度(包括padding，border)。

outsideHeight(true)方法获取或设置所选元素的外部高度(包括padding，border和margin)。

当使用externalHeight()方法获取高度时，它将返回第一个选定元素的高度。

当使用externalHeight()方法设置高度时，它将设置所有选定元素的高度。

如下图所示，externalHeight()方法包括padding和border：

要包括margin，请使用outerHeight(true)。

语法：

获取外部高度：$(selector).outerHeight()

获取包括边距在内的外部高度：$(selector).outerHeight(true)

设置外部高度：$(selector).outerHeight(value)

示例

获取DIV元素的外部高度：

示例$("div").click(function(){

$(this).outerHeight();

});测试看看‹/›

获取DIV元素的外部高度(包括边距)：

示例$("div").click(function(){

$(this).outerHeight(true);

});测试看看‹/›

设置所有段落的外部高度：

示例$("button").click(function(){

$("p").outerHeight(100);

});测试看看‹/›

使用不同的单位设置所有段落的外部高度：

示例$("#btn1").click(function(){

$("p").outerHeight(100);

});

$("#btn2").click(function(){

$("p").outerHeight("7em");

});

$("#btn3").click(function(){

$("p").outerHeight("100vh");

});测试看看‹/›

显示width()，height()，innerHeight()，innerWidth()，outerWidth()和outerHeight()之间的差异：

示例$("button").click(function(){

$("div").width();

$("div").innerWidth();

$("div").outerWidth();

$("div").height();

$("div").innerHeight();

$("div").outerHeight();

});测试看看‹/›

参数值参数描述value表示像素数的整数，或附加了可选度量单位的整数(作为字符串)