jQuery动态获取元素高度的方法:height(),innerHeight()和outerHeight()

时间:2023-01-21 17:52:07

jQuery提供了三种方法来获取元素高度:height(),innerHeight()和outerHeight()。

这三者的区别如图:

jQuery动态获取元素高度的方法:height(),innerHeight()和outerHeight()

  • .height():返回内容的高度,不包括padding,border和margin。
  • .innerHeight():返回包括内容和padding的高度,不包括border和margin。
  • .outerHeight():返回包括内容,padding和border的高度,不包括margin。
  • .outerHeight(true):返回整个元素的高度,包括内容,padding,border和margin。

注意:这个需要等到元素dom已加载,并可见。建议在$(document).ready()里操作。