当前位置: 编程技术>jquery
jquery的outerHeight方法与outerWidth方法
来源: 互联网 发布时间:2014-09-03
本文导语: 首先,来看下jquery的outerWidth方法。 outerWidth(options) 用途:获取第一个匹配元素外部宽度(默认包括补白和边框)。 此方法对可见和隐藏元素均有效。 返回值:Integer 参数: options(Boolean) : (false) 设置为 true 时,计算边距在内...
首先,来看下jquery的outerWidth方法。
outerWidth(options)
用途:获取第一个匹配元素外部宽度(默认包括补白和边框)。
此方法对可见和隐藏元素均有效。
返回值:Integer
参数:
options(Boolean) : (false) 设置为 true 时,计算边距在内。
例子,获取第一段落外部宽度。
1,html部分
代码示例:
2,jQuery 代码:
代码示例:
var w = $("#test").outerWidth(true);
$("#test").html(w);
$("#test").html(w);
3,结果:
代码示例:
100
再来看,jquery的outerHeight(options) 方法。
用途:获取第一个匹配元素外部高度(默认包括补白和边框)。
此方法对可见和隐藏元素均有效。
返回值:Integer
参数:
options(Boolean) : (false) 设置为 true 时,计算边距在内。
例子,获取第一段落外部高度。
1,HTML部分
代码示例:
2,jQuery 代码:
代码示例:
var h = $("#test").outerHeight(true);
$("#test").html(h);
$("#test").html(h);
3,结果:
代码示例:
40