jQuery resize() 方法

17 Mar 2025 | 阅读 2 分钟

jQuery 的 resize() 方法会在浏览器窗口大小改变时触发 resize 事件。它将事件处理程序绑定到 resize 事件或触发元素上的该事件。此方法可用于执行一些必需的操作,例如在调整页面元素以适应窗口大小调整时避免滚动条,以及更多其他操作。

如果 resize 事件触发并且元素尺寸发生变化,则元素内的内容也会相应调整。

语法

此方法接受一个可选参数 function,该参数指定每次触发 resize 事件时要执行的函数。

现在,让我们看一个使用 jQuery resize() 方法的示例。

示例

在此示例中,我们使用了 resize() 方法。这里,我们使用了 resize() 方法的可选参数。当用户调整窗口大小时,更新后的窗口宽度和高度将显示在屏幕上。它还将显示用户尝试调整窗口大小的次数。

当我们更改窗口的高度时,更新后的高度将相应更改。同样,当我们更改窗口的宽度时,更新后的宽度也将相应更改。

立即测试

输出

上述代码成功执行后,输出将是 -

jQuery resize() method

当我们尝试调整窗口大小时,输出将是:

jQuery resize() method