jquery中outerHeight与height的区别

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

在jQuery中,width()方法用于获得元素宽度;innerWidth()方法用于获得包括内边界(padding)的元素宽度,outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度,如果outerWidth()方法的参数为true则外边界(margin)也会被包括进..jQuery中的.height()、.innerHeight()和.outerHeight()和W3C的盒模型相关的几个获取元素尺寸的方法。对应的宽度获取方法分别为.width()、.innerWidth()和.outerWidth(),在此不详述。1..height()获取匹配元素集合中的第一个元素的当前计算高度值或设置每一个匹配元素的高度值(带一个参数)。注意:1).css('height')和.height()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px)。2).height()总是返回内容宽度,不管CSSbox-sizing属性值。.height('value')设置的容器宽度是根据CSSbox-sizing属性来定的,将这个属性值改成border-box,将造成这个函数改变这个容器的outerHeight,而不是原来的内容高度。2..innerHeight()为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding,但是不包括border。3..outerHeight()获取元素集合中第一个元素的当前计算高度值,包括padding,border和选择性的margin。返回一个整数(不包含“px”)表示的值,或如果在一个空集合上调用该方法,则会返回null。在.outerHeight()计算中总是包含padding-top,padding-bottom和border-top,border-bottom;如果includeMargin参数是true,那么margin(top和bottom)也会被包含。

1 / 2
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功