先来看现象： 复制代码 代码如下:<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...

outerWidth(options)     返回值:Integer 概述 获取第一个匹配元素外部宽度（默认包括补白和边框）。 此方法对可见和隐藏元素均有效。 参数 optionsBoolean默认值:'false' 设置为 true 时，计算边距在内。 示例 描述: 获取第一段落外部宽度。 HTML 代码: <p>Hello</p><p>2nd Paragraph</p> jQuery 代码: var p = $("p:first"); $("p:last").text( "outerWidth:" + p.outerWidth() + " , outerWidth(true):" + p.outerWidth(true) ); 结果: <p>Hello</p><p>outerWidth: 65 , outer...

innerWidth()     返回值:Integer 概述 获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。 此方法对可见和隐藏元素均有效。 示例 描述: 获取第一段落内部区域宽度。 HTML 代码: <p>Hello</p><p>2nd Paragraph</p> jQuery 代码: var p = $("p:first"); $("p:last").text( "innerWidth:" + p.innerWidth() ); 结果: <p>Hello</p><p>innerWidth: 40</p> ...

width(val)     返回值:jQuery 概述 为每个匹配的元素设置CSS宽度(width)属性的值。 如果没有明确指定单位（如：em或%），使用px。 参数 valString, Number 设定 CSS 'width' 的属性值 示例 描述: 将所有段落的宽设为 20: jQuery 代码: $("p").width(20);

width()     返回值:Integer 概述 取得第一个匹配元素当前计算的宽度值（px）。 在 jQuery 1.2 以后可以用来获取 window 和 document 的宽 示例 描述: 获取第一段的宽 jQuery 代码: $("p").width(); 描述: 获取当前窗口的宽 jQuery 代码: $(window).width();

getWidth      [1.6.0] document.viewport.getWidth() -> Number 返回当前窗口可视部分的宽度。 相当于调用 document.viewport.getDimensions().width。 到此，Prototype实战教程全部放送完毕，下面，我们将提供JQuery实战教程。

getWidth getWidth(element) -> Number 获取 element 的宽度。 通过内联的样式规则或者 CSS 样式表将元素的显示设置为 none 后，这个方法仍然返回元素本身所具有的尺寸，而不是返回 0。 从运行效率方面考虑，如果需要同时查询元素的高度和宽度，建议使用 Element.getDimensions 代替。 注意：所有返回值都仅有数字，单位为像素。 样例 <div id="rectangle" style="font-size: 10px; width: 20em; height: 10em"></div> $('rectangle').getWidth(); // -> 200 ...

getWidth(element) -> Number 获取 element 的宽度。 通过内联的样式规则或者 CSS 样式表将元素的显示设置为 none 后，这个方法仍然返回元素本身所具有的尺寸，而不是返回 0。 从运行效率方面考虑，如果需要同时查询元素的高度和宽度，建议使用 Element.getDimensions 代替。 注意：所有返回值都仅有数字，单位为像素。 样例 <div id="rectangle" style="font-size: 10px; width: 20em; height: 10em"></div> $('rectangle').getWidth(); // -> 200 ...