jquery/js＜レスポンシブでウィンドウサイズを変えた時だけ何かするjs＞

・・・1年ぶりにjqueryの勉強を再開したペペロン(p_p;)

js

<script type="text/javascript">

$(function() {
    var w = $(window).width();
    var x = 768;
    if (w <= x) {
	$(".hoge").addClass("pele");
    }
    var timer = false;
    $(window).resize(function() {
        if (timer !== false) {
            clearTimeout(timer);
        }
        timer = setTimeout(function() {
            var w = $(window).width();
            var x = 768;
            if (w <= x) {
                $(".hoge").addClass("pele");
            }else{
                $(".hoge").removeClass("pele");
            }
        }, 200);
    });
});


</script>

html&css

<style type="text/css">

.hoge {
	background: #eee;
}
.pele {
	background: yellow;
}

</style>

<p class="hoge">ほげっと</p>

結果を見る
http://jsfiddle.net/jackotonashi/coak0ard/

参考サイト：
http://kadoppe.com/archives/2012/02/jquery-window-resize-event.html
http://bl6.jp/web/javascript/change-process-get-window-size/