1. width() 和 height() 方法：
- width() 用于获取或设置元素的宽度，而 height() 用于获取或设置元素的高度。
// 获取元素的宽度
var elementWidth = $("#myElement").width();
// 设置元素的宽度
$("#myElement").width(300);
2. innerWidth() 和 innerHeight() 方法：
- innerWidth() 用于获取元素的内部宽度（包括内边距），而 innerHeight() 用于获取元素的内部高度（包括内边距）。
// 获取元素的内部宽度
var innerWidth = $("#myElement").innerWidth();
// 设置元素的内部高度
$("#myElement").innerHeight(200);
3. outerWidth() 和 outerHeight() 方法：
- outerWidth() 用于获取元素的外部宽度（包括边框和内边距），而 outerHeight() 用于获取元素的外部高度（包括边框和内边距）。
// 获取元素的外部宽度
var outerWidth = $("#myElement").outerWidth();
// 设置元素的外部高度
$("#myElement").outerHeight(250);
4. position() 和 offset() 方法：
- position() 用于获取元素相对于父元素的位置，而 offset() 用于获取元素相对于文档的位置。
// 获取元素相对于父元素的位置
var position = $("#myElement").position();
// 获取元素相对于文档的位置
var offset = $("#myElement").offset();
这些方法使得在获取和设置元素尺寸信息时非常方便。你可以根据具体的需求选择适当的方法。记得在使用这些方法时确保已经包含了 jQuery 库。
转载请注明出处：http://www.zyzy.cn/article/detail/4624/jQuery