先来看现象: 复制代码 代码如下:<div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<div id='aa' style='width:200px;height:200px;' /></div>"); alert($("#aa").width()); }); </script> 结果为:200 所有浏览器都得到正确的结果 把插入的元素改为IMG 复制代码 代码如下:<div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<img id='aa' src='http://www.jb51.net/images/logo.gif' />"); alert($("#aa").width()); }); </sc...
outerHeight(options) 返回值:Integer
概述
获取第一个匹配元素外部高度(默认包括补白和边框)。
此方法对可见和隐藏元素均有效。
参数
optionsBoolean默认值:'false'
设置为 true 时,计算边距在内。
示例
描述:
获取第一段落外部高度。
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );
结果:
<p>Hello</p><p>outerHeight: 35 ,...
innerHeight() 返回值:Integer
概述
获取第一个匹配元素内部区域高度(包括补白、不包括边框)。
此方法对可见和隐藏元素均有效。
示例
描述:
获取第一段落内部区域高度。
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "innerHeight:" + p.innerHeight() );
结果:
<p>Hello</p><p>innerHeight: 16</p>
...
height(val) 返回值:jQuery
概述
为每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位(如:em或%),使用px。
如果没有明确指定单位(如:em或%),使用px。
参数
valString, Number
设定CSS中 'height' 的值
示例
描述:
把所有段落的高设为 20:
jQuery 代码:
$("p").height(20);
height() 返回值:Integer
概述
取得第一个匹配元素当前计算的高度值(px)。
在 jQuery 1.2 以后可以用来获取 window 和 document 的高
示例
描述:
获取第一段的高
jQuery 代码:
$("p").height();
描述:
获取文档的高
jQuery 代码:
$(document).height();
getHeight [1.6.0]
document.viewport.getHeight() -> Number
返回当前窗口可视部分的高度。
相当于调用 document.viewport.getDimensions().height。
getHeight
getHeight(element) -> Number
获取 element 的高度。
通过内联的样式规则或者 CSS 样式表将元素的显示设置为 none 后,这个方法仍然返回元素本身所具有的尺寸,而不是返回 0。
从运行效率方面考虑,如果需要同时查询元素的高度和宽度,建议使用 Element.getDimensions 代替。
注意:所有返回值都仅有数字,单位为像素。
样例
<div id="rectangle" style="font-size: 10px; width: 20em; height: 10em"></div>
$('rectangle').getHeight();
// -> 100
...
getHeight(element) -> Number
获取 element 的高度。
通过内联的样式规则或者 CSS 样式表将元素的显示设置为 none 后,这个方法仍然返回元素本身所具有的尺寸,而不是返回 0。
从运行效率方面考虑,如果需要同时查询元素的高度和宽度,建议使用 Element.getDimensions 代替。
注意:所有返回值都仅有数字,单位为像素。
样例
<div id="rectangle" style="font-size: 10px; width: 20em; height: 10em"></div>
$('rectangle').getHeight();
// -> 100
...