jQueryで画面サイズによって処理内容を変える

レスポンシブなサイトを作っているときなどに役に立ちそうですね。

$(window).resize(function(){
    var w = $(window).width();
    var x = 568;
    if (w <= x) {
            // 568px以下のときの処理
    } else {
      // 569px以上のときの処理
});

参考：jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方