jQuery resize()方法

概述

jQuery resize()方法是 jQuery 库中的一个事件处理函数,用于当页面中的元素尺寸发生变化时执行一些操作。

用法

$(selector).resize(func)

参数说明：

• selector：必选参数，需要监听尺寸变化的元素。
• func：必选参数，当元素尺寸发生变化时需要执行的回调函数。

示例代码：

$(window).resize(function(){
    console.log("窗口大小变化");
});

注意事项

• resize()方法只适用于可调整大小的元素，例如<div>元素，而不适用于非可调整大小的元素，例如<p>元素；
• 使用resize()方法时最好结合setTimeout()函数来避免频繁触发事件导致程序性能问题；
• 在移动设备上，由于旋转屏幕等因素可能导致屏幕分辨率发生变化，因此建议在移动设备上使用orientationchange事件来代替resize()事件。

参考链接

• jQuery API 文档
• jQuery 实战教程