首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

用Jquery的height()、width()计算动态插入的IMG标签的宽高

先来看现象: 复制代码 代码如下:<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...
类别:网页编程 - JavaScript    查看:159    更新:2014-06-16

jQuery:CSS->尺寸->outerHeight(options)

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 ,...
类别:网页编程 - JavaScript    查看:138    更新:2014-05-28

jQuery:CSS->尺寸->innerHeight()

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> ...
类别:网页编程 - JavaScript    查看:172    更新:2014-05-28

jQuery:CSS->尺寸->height(val)

height(val)     返回值:jQuery 概述 为每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位(如:em或%),使用px。 如果没有明确指定单位(如:em或%),使用px。 参数 valString, Number 设定CSS中 'height' 的值 示例 描述: 把所有段落的高设为 20: jQuery 代码: $("p").height(20);
类别:网页编程 - JavaScript    查看:106    更新:2014-05-28

jQuery:CSS->尺寸->height()

height()     返回值:Integer 概述 取得第一个匹配元素当前计算的高度值(px)。 在 jQuery 1.2 以后可以用来获取 window 和 document 的高 示例 描述: 获取第一段的高 jQuery 代码: $("p").height(); 描述: 获取文档的高 jQuery 代码: $(document).height();
类别:网页编程 - JavaScript    查看:99    更新:2014-05-28

Prototype实战教程:document.viewport -> getHeight

getHeight     [1.6.0] document.viewport.getHeight() -> Number 返回当前窗口可视部分的高度。 相当于调用 document.viewport.getDimensions().height。
类别:网页编程 - JavaScript    查看:134    更新:2014-05-26

Prototype实战教程:Element.Methods -> getHeight

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 ...
类别:网页编程 - JavaScript    查看:92    更新:2014-05-22

Prototype实战教程:Element -> 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 ...
类别:网页编程 - JavaScript    查看:95    更新:2014-05-22