本文详细介绍了jQuery中元素尺寸获取的方法，包括width(), height(), innerWidth(), innerHeight(), outerWidth(), outerHeight()等函数的使用技巧及注意事项，并解释了如何正确处理内边距、边框和外边距。
一定会有人碰到过，用outerHeight()时外边距获取不到。这是因为它有个参数选项，这个参数定义了使用它时要不要带参数
| 参数 | 值 | 作用 |
|---|---|---|
| options | true | 边距计算在内 |
| false | 包括内边距和边框 | |
| 空 | 包括内边距和边框 |
同理outerWeight()也是一样的用法
附上jq的各种宽高获取方式
| 函数 | 作用 |
|---|---|
| width() | 返回元素的宽度。 |
| height() | 返回元素的高度。 |
| innerWidth() | 方法返回元素的宽度（包括内边距）。 |
| innerHeight() | 方法返回元素的高度（包括内边距）。 |
| outerWidth() | 方法返回元素的宽度（包括内边距和边框）。 |
| outerHeight() | 方法返回元素的高度（包括内边距和边框）。 |
| outerWidth(true) | 方法返回元素的宽度（包括内边距、边框和外边距） |
| outerHeight(true) | 方法返回元素的高度（包括内边距、边框和外边距）。 |
| $(document).height() | 返回文档（HTML 文档）的高度 |
| $(window).height() | 返回窗口（浏览器视口）的高度 |
扫一扫
1052
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
