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

jQuery
スポンサーリンク

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

確認環境

  • jQuery2.0.3

コード

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

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

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