订阅汇聚素材网Feed

jquery outerHeight与outerWidth方法

以前写代码中,每当需要获取元素的实际“宽度”(这里的宽度是指元素宽度加上其边距)时,都需要用元素宽度加上margin值才行,今天发现一个叫outerWidth(options)的方法 ,很好用。完成了原来需要用一段来操作做的工作。

下面是其简单介绍

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

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

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

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


outerHeight(options)

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

HTML 代码:

<div>
<div id=”test” style=”height:40px;margin:10px;”></div>
</div>

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

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

</div>

3 人Likes
  

文章转载请注明:jquery outerHeight与outerWidth方法-汇聚素材网

本文固定链接:http://www.webhj.com/hj-897.html  +复制链接

jquery outerHeight与outerWidth方法:等您坐沙发呢!

发表评论

*

*

5 + 3

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍