jQuery | externalHeight() 方法

externalHeight()是jQuery中的一个方法，用于获取或设置元素的外部高度。

语法

以下是该方法的语法：

$(selector).externalHeight();
$(selector).externalHeight(value);

参数

该方法接受一个可选参数value，用于设置元素的外部高度。如果不传递任何参数，则该方法返回元素的外部高度。

返回值

如果只传递了一个参数，则该方法返回jQuery对象本身，以便进行链式调用。如果没有传递任何参数，则该方法返回第一个匹配元素的外部高度。

示例

以下示例演示了如何使用externalHeight()方法来获取和设置元素的外部高度：

// 获取元素的外部高度
var externalHeight = $('#myElement').externalHeight();
console.log(externalHeight); // 输出元素的外部高度

// 设置元素的外部高度
$('#myElement').externalHeight('100px');

可以通过将数值或字符串传递给externalHeight()方法来改变元素的外部高度。在设置元素的外部高度时，如果使用的是纯数字，则会自动附加单位px。

// 用数字设置元素的高度
$('#myElement').externalHeight(100);

// 用字符串设置元素的高度
$('#myElement').externalHeight('100px');

注意点

• 如果元素的外边距是设置为自动或百分比，并且没有显式设置高度，则externalHeight()方法返回零。
• 如果元素的盒子模型正在使用box-sizing: border-box，则externalHeight()方法返回包含元素外边距和边框的高度。