">

杭州前端外包

jQuery中的.height()、.innerHeight()和.outerHeight()的区别

jQuery中的.height()、.innerHeight()和.outerHeight()是W3C的盒模型相关的几个获取元素尺寸的方法。

对应的宽度获取方法分别为.width()、.innerWidth()和.outerWidth(),在此不详述。

1、.height()

获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值(带一个参数)。

注意:1).css('height')和.height()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px)。

          2).height()总是返回内容宽度。


2、.innerHeight()

为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding,但是不包括border。

3、.outerHeight()

获取元素集合中第一个元素的当前计算高度值,包括padding,border和选择性的margin。

返回一个整数(不包含“px”)表示的值 ,或如果在一个空集合上调用该方法,则会返回 null。





原创文章请注明转载自杭州WEB前端外包网站本文地址:http://hz.35ui.cn/post/29.html,标题:jQuery中的.height()、.innerHeight()和.outerHeight()的区别

【我来说两句】
分享到:

相关文章:


jQuery与Zepto的异同  (2017-7-1 16:55:19)

jQuery焦点函数focus(),blur()  (2014-7-26 17:20:21)

jquery常用选择器  (2014-7-24 20:54:58)


评论 0

发表评论:

杭州前端外包验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。