📜  如何在 jQuery 中获取隐藏元素的宽度?(1)

📅  最后修改于: 2023-12-03 14:52:22.344000             🧑  作者: Mango

如何在 jQuery 中获取隐藏元素的宽度?

在 jQuery 中,可以使用以下方法获取隐藏元素的宽度:

var width = $(element).width();

其中,element是要获取宽度的元素。这个方法将返回隐藏元素的宽度,无论该元素是否可见。

其实,.width() 方法在 jQuery 中还可以用于获取其他元素的宽度。示例如下:

var width = $(element).width();

该方法将返回元素的宽度(不包括 paddingbordermargin)。

但是,如果你想获取隐藏元素的准确宽度,包括 paddingborder,可以使用以下方法:

var width = $(element).outerWidth();

同样,此方法也可以用于获取其他元素的外部宽度。如果你想包括 margin,可以使用以下方法:

var width = $(element).outerWidth(true);

除了上述方法之外,还有一个方法可以获取隐藏元素的宽度,即使用 .css() 方法来获取 width 属性。示例如下:

var width = $(element).css("width");

请注意,这将返回一个字符串,包含隐藏元素的宽度值和单位(例如 "100px")。

需要注意的是,这些方法只适用于已经存在于 DOM 中的元素。如果元素被动态创建并且尚未添加到 DOM 中,你需要先将其添加到 DOM 中,然后再使用上述方法获取宽度。

希望这可以帮助你在 jQuery 中获取隐藏元素的宽度!