首先,宽度()和高度()方法

1.8增加了对CSS属性box-sizing支持,你需要注意从1.7.2.1.7.2和以前的版本不同,是否盒尺寸:边界盒的定义,返回在盒模型的元素的宽度和高度,不包括填充和边框。

1.8岁以后,情况不同了。当CSS属性框尺寸:框的边框设置,使用宽度()返回的值可能不同于在CSS.as的那套
复制代码代码如下所示:





{ #容器
盒尺寸:边框框;
-moz盒尺寸:边界盒;
宽度:500px;
填料:5px;
边境:5px纯金;
}






var el = $(美元的#容器)
无功W = $()el.width;
console.log(W)




盒子里的div容器} { ID =大小设置为边界框(firefox14.1尚不支持边界框,使用-moz边界盒)。

除了设置宽度:网站500px,填充和边框设置为5px,分别。各种浏览器的结果如下

IE6 / 7:500

IE8 / 9 / 10:480

徒步 / 6:480

chrome21 / firefox14:480


IE6 / 7不支持框大小,并输出仍然是500,但在这个时候支持常见的浏览器的结果是480(边框和填充,把盒子模型)。因此,在1.8,你需要注意的变化结果的宽度和高度,从box-sizing属性造成的。


二、OuterWidth and.OuterHeight()方法。

1.7.2和以前的版本中,边界的高度与宽度/网页只有吸气。元素的宽度或高度时还真没有通过(包括填充和边框),和真正的返回值(当然,1号)添加到边缘。

1.8和以后,它具有二传手的作用。如果我们想在得到它时计算空白,我们只能传输true,不能传输数字1等,因为数字1等的传输将被视为jQuery中的设置元素。返回不是数字而是jQuery对象(与其他jQuery设置相同)。