jQuery outerHeight() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

实例

返回 <div> 元素的外部高度:

$("button").click(function(){
 alert($("div").outerHeight());
});
尝试一下 »

定义和用法

outerHeight() 方法返回第一个匹配元素的外部高度。

如下面的图像所示,该方法包含 padding 和 border。

提示:如需包含 margin,请使用 outerHeight(true)。

jQuery Dimensions

相关方法:

  • width() - 设置或返回元素的宽度

  • height() - 设置或返回元素的高度

  • innerWidth() - 返回元素的宽度(包含 padding)

  • innerHeight() - 返回元素的高度(包含 padding)

  • outerWidth() - 返回元素的宽度(包含 padding 和 border)

语法

$(selector).outerHeight(includeMargin)
参数描述
includeMargin可选。布尔值,规定是否包含 margin。
  • false - 默认。不包含 margin。

  • true - 包含 margin。

更多实例

包含 margin 规定是否包含 margin。

通过相关方法显示尺寸 如何使用 width()、height()、innerHeight()、innerWidth()、outerWidth() 和 outerHeight()。

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

新闻动态 联系方式 广告合作 招聘英才 安科实验室 帮助与反馈 About Us

Copyright © 2013 - 2019 Ancii.com All Rights Reserved京ICP备18063983号-5 京公网安备11010802014868号