JQuery对象的四种高度

四种高度分别为：height(),innerHeight(),outerHeight(),outerHeight(true)

打印代码：

console.log("height:" + $('#ddd').height(), "innerHeight:" + $('#ddd').innerHeight(), "outerHeight:" + $('#ddd').outerHeight(), "outerHeight(true):" + $('#ddd').outerHeight(true))

 

如上图所示，height：div自己的高度；

innerHeight：div自己的高度+div中padding的高度；

outerHeight：div自己的高度+div中padding的高度+div的border之和；

outerHeight(true)：div在整个页面所占据的高度；