JQUERY 尺寸

在 jQuery 中，要获取或设置元素的尺寸（宽度和高度），可以使用以下方法：

获取元素尺寸：

1、innerWidth() 和 innerHeight() 方法：

• width() 方法用于获取第一个匹配元素的宽度（不包括内边距、边框或外边距）。

• height() 方法用于获取第一个匹配元素的高度（同样不包括内边距、边框或外边距）。

var width = $('#element').width();
var height = $('#element').height();

2、innerWidth() 和 innerHeight() 方法：

• innerWidth() 方法用于获取第一个匹配元素的宽度，包括内边距（但不包括边框和外边距）。

• innerHeight() 方法用于获取第一个匹配元素的高度，包括内边距（但不包括边框和外边距）。

var innerWidth = $('#element').innerWidth();
var innerHeight = $('#element').innerHeight();

3、outerWidth() 和 outerHeight() 方法：

• outerWidth() 方法用于获取第一个匹配元素的宽度，包括内边距和边框（但不包括外边距）。

• outerHeight() 方法用于获取第一个匹配元素的高度，包括内边距和边框（但不包括外边距）。

var outerWidth = $('#element').outerWidth();
var outerHeight = $('#element').outerHeight();

4、outerWidth(true) 和 outerHeight(true) 方法：

这些方法与上述相似，但包括外边距。

var outerWidthWithMargin = $('#element').outerWidth(true);
var outerHeightWithMargin = $('#element').outerHeight(true);

设置元素尺寸：

如果要设置元素的尺寸，可以将具体的宽度和高度作为参数传递给这些方法：

$('#element').width(400); // 设置元素宽度为400像素
$('#element').height(200); // 设置元素高度为200像素

这些方法使得在 jQuery 中获取和设置元素尺寸变得非常方便。