jQuery提供了三种方法来获取元素高度:height(),innerHeight()和outerHeight()。
这三者的区别如图:
- .height():返回内容的高度,不包括padding,border和margin。
- .innerHeight():返回包括内容和padding的高度,不包括border和margin。
- .outerHeight():返回包括内容,padding和border的高度,不包括margin。
- .outerHeight(true):返回整个元素的高度,包括内容,padding,border和margin。
注意:这个需要等到元素dom已加载,并可见。建议在$(document).ready()里操作。