jQueryでレスポンシブ対応

$(function(){
    if (window.matchMedia('(max-width: 767px)').matches) {
        /* ウィンドウサイズが767px以下の場合の記述 */
    } else if (window.matchMedia('(max-width: 1024px) and (min-width:768px)').matches) {
        /* ウィンドウサイズが768ps以上1024px以下の場合の記述 */
    } else if (window.matchMedia('(min-width:1025px)').matches) {
        /* ウィンドウサイズが1025px以上の場合の記述 */
}})