返回值:jQueryresize(handler(eventObject))

为 JavaScript 的 "resize" 事件绑定一个处理函数,或者触发元素上的该事件。

带有参数的该方法是 .bind('resize', handler) 的快捷方式,不带参数的该方法是 .trigger('resize') 的快捷方式。

当浏览器窗口的大小改变时,会触发 window 元素上的 resize 事件:

$(window).resize(function() {
  $('#log').append('<div>Handler for .resize() called.</div>');
});

执行完上面的代码后,只要窗口的大小发生了改变,就会向 <div id="log"> 中追加文本信息,表示窗口大小已经改变。

resize 事件处理中的代码,不应该依赖于事件被调用的次数。由于不同浏览器对该事件实现的方式不同,该事件被调用的时机也不同。例如,对于 IE 或 基于 WebKit 的浏览器(例如,Safari 和 Chrome)而言,resize 事件在窗口改变的过程中,会被连续调用。在某些浏览器,如 Opera,该事件只在调整窗口大小操作结束时被调用。

示例:

当窗口大小改变时(或改变后),查看窗口的宽度:

jQuery 代码:

$(window).resize(function() {
  $('body').prepend('<div>' + $(window).width() + '</div>');
});