jQueryでブラウザのウインドウサイズが変更されたら処理をする方法

2013.8.14

個人的に、jQueryの使用頻度がぐっと上がっています。
マウスクリック(click)や、スマホでタップ（touchstart）などは何度も使うので分かりやすいですが、ウインドウサイズの変化やスクロールの変化などはつい忘れがちなのでメモしておきます。

確認環境

• jQuery2.0.3

コード

といってもすごくシンプルです。

$(window).resize(function(){
    //ここに処理を書く
});

ウインドウが1ピクセルでも変わる度に反応するため、ウインドウを小さくすると、何度も処理が走ることになりますので注意です。