获取宽度

$(window).load(function () {
        var d1,d2,d3,d4,w1,w2,w3,w4;
            d1 = $("#div").width();//返回元素的宽高，不包括padding/border/margin
            d2 = $("#div").innerWidth();//返回元素的宽高 + padding 
            d3 = $("#div").outerWidth();//返回元素的宽高 + padding + border 
            d4 = $("#div").outerWidth(true);//返回元素宽高 + padding + border + margin
            w1=$(window).width();//浏览器当前窗口可视区域宽度
            w2=$(document).width();//浏览器当前窗口文档对象宽度
            w3=$(document.body).width();//浏览器当前窗口文档body的宽度
            w4=$(document.body).outerWidth(true)//浏览器当前窗口文档body的总宽度 包括border padding margin
            document.write("<br/>"+d1+"，"+d2+"，"+d3+"，"+d4+"，"+w1+"，"+w2+"，"+w3+"，"+w4);
    });

 <div id="div" style="width:22%;margin:10px auto;padding:5px;height:20px;"></div>

 d1 = $("#div").width()+"px";可以获得具体像素，解决有时候会获取到百分比数值的问题

$(document).ready(function () {
            function resizeDiv() {

//resize兼容问题
            };
            $(window).resize(function () { resizeDiv(); }).resize();

        });