jquery实现div水平垂直居中显示

<div class="index_container"></div>

样式：
width: 1280px;
height: 785px;
margin: 0 auto;
js:
$(function () {
    $(window).on('resize', function(){
        var w = ($(window).width() - $(".index_container").outerWidth())/2
        var h = ($(window).height() - $(".index_container").outerHeight())/2
        $(".index_container").css({
            position: "absolute",
            left: w > 0 ? w : 0,
            top: h > 0 ? h : 0
        });
    }).trigger('resize');

});