.resize()

windowのresizeイベントにバインドします。

このメソッドは、1つ目と2つ目は.bind('resize', handler)への、3つ目は.trigger('resize')へのショートカットです。

resizeはブラウザウィンドウのサイズが変更された際にwindow要素に対してイベントを通知します。 resizeはサイズ変更中に連続的にイベントを発生させるブラウザもあれば、サイズ変更の動作終了の際に一度だけイベントを発生させるブラウザもあるので、この点を踏まえた処理にする必要があります。

戻り値:jQuery

引数	説明
handler	イベントが発生した際に、実行したい処理を関数として指定します。

戻り値:jQuery

引数	説明
[eventData]	マップ値を指定することで、データをイベントハンドラーに渡すことが出来ます。
handler	イベントが発生した際に、実行したい処理を関数として指定します。

戻り値:jQuery

ウインドウサイズを変更すると、その横幅を表示します。

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