jQuery - 方面

使用 jQuery，可以轻松处理元素和浏览器窗口的尺寸。

jQuery 尺寸方法

jQuery 有几个处理维度的重要方法：

• width()
• height()
• innerWidth()
• innerHeight()
• outerWidth()
• outerHeight()

jQuery 尺寸

jQuery width() 和 height() 方法

这个width()方法设置或返回元素的宽度（不包括填充、边框和边距）。

这个height()方法设置或返回元素的高度（不包括填充、边框和边距）。

以下示例返回指定的宽度和高度<div>元素：

jQuery的innerWidth()和innerHeight()方法

这个innerWidth()方法返回元素的宽度（包括填充）。

这个innerHeight()方法返回元素的高度（包括填充）。

以下示例返回指定的内部宽度/高度<div>元素：

jQuery的outerWidth()和outerHeight()方法

这个outerWidth()方法返回元素的宽度（包括填充和边框）。

这个outerHeight()方法返回元素的高度（包括填充和边框）。

以下示例返回指定的外部宽度/高度<div>元素：

这个outerWidth(true)方法返回元素的宽度（包括内边距、边框和边距）。

这个outerHeight(true)方法返回元素的高度（包括内边距、边框和边距）。

jQuery 更多 width() 和 height()

以下示例返回文档（HTML 文档）和窗口（浏览器视口）的宽度和高度：

以下示例设置指定的宽度和高度<div>元素：

jQuery 练习

$("div").().();

jQuery CSS 参考

有关所有 jQuery CSS 方法的完整概述，请访问我们的jQuery HTML/CSS 参考。