jQuery中height、innerHeight、outerH
2017-02-23 本文已影响34人
植树青年小江同志
最近在学习jQuery中的height()、innerHeight()、outerHeight()几个函数是,对于他们的却产生了疑问,在搜索的过程中,中文博客大多介绍的比较详细,随后我发现了一个英文博客制作了比较直观的对比图,文章虽然发表于2013年,但是好像至今没有人搬运。
其实这几项的区别主要在于padding、border和margin,总结了一个表格如下:
padding | border | margin | |
---|---|---|---|
height | × | × | × |
innerHeight | √ | × | × |
outerHeight | √ | √ | × |
outerHeight(ture) | √ | √ | √ |
!注意,同样适用于width, innerWidth和outerWidth。
附上原文链接jQuery: What’s the difference between height, innerHeight and outerHeight?
原文作者 Tim Bennett