jQuery resize()方法

当浏览器窗口的大小改变时，jQuery resize()方法触发一个resize事件。它绑定事件处理程序以调整事件大小或在元素上触发该事件。此方法可用于执行一些必需的操作，例如在调整窗口大小时调整页面元素时避免滚动条，等等。

如果触发了resize事件并且元素的尺寸发生了变化，则元素内的内容也会随之调整。

句法

$(selector).resize(function)

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

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

例

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

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

 This is an example of using the jQuery resize() method. 
 Try to resize your browser's window to see the effect. 
 You have resized the window  0  times.
 

输出：

成功执行上述代码后，输出将为-

当我们尝试调整窗口大小时，输出将为-