jquery outerHeight方法 outerWidth方法获取元素实际宽度高度

时间：2014-06-07 15:39:16 阅读：257 评论：0 收藏：0 [点我收藏+]

以前写代码中，每当需要获取元素的实际“宽度”（这里的宽度是指元素宽度加上其边距）时，都需要用元素宽度加上margin值才行，今天发现一个叫outerWidth(options)的方法 ,很好用。完成了原来需要用一段来操作做的工作。
这个方法不适用于window 和 document对象，可以使用.width()代替。
下面是其简单介绍
outerWidth(options)
获取第一个匹配元素外部宽度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
返回值：Integer 一个整数值不带"px"
参数：
options(Boolean) : 默认值为false 设置为 true 时，计算边距在内。
示例：
获取第一段落外部宽度。

HTML 代码:
<div>
<div id="test" style="width:80px;margin:10px;"></div>
</div>

jQuery 代码:
var w = $("#test").outerWidth(true);
$("#test").html(w);

结果:
<div>
<div id="test" style="width:80px;margin:10px;">100</div>
</div>

outerHeight(options)
获取第一个匹配元素外部高度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
返回值：Integer
参数：
options(Boolean) : 默认值为false 设置为 true 时，计算边距在内。
示例：
获取第一段落外部高度。

HTML 代码:

<div>
<div id="test" style="height:20px;margin:10px;"></div>
</div>

jQuery 代码:
var h = $("#test").outerHeight(true);
$("#test").html(h);

结果:
<div>
<div id="test" style="height:20px;margin:10px;">40</div>
</div>

</div>

jquery outerHeight方法 outerWidth方法获取元素实际宽度高度,布布扣,bubuko.com

标签：获取元素实际宽度获取元素实际高度获取元素边距

原文地址：http://blog.csdn.net/zhxh0376/article/details/28595029

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

jquery outerHeight方法 outerWidth方法 获取元素实际宽度高度

jquery outerHeight方法 outerWidth方法获取元素实际宽度高度