JS jQuery 尺寸方法

1.获取和修改width和height大小

其中返回的是数字型。

            $('.box').width(); // 获取元素的宽
            $('.box').width(300); // 修改元素的宽为300

2.获取和修改width+padding的大小

其中修改只会修改width和height值，不会修改里面的padding值

            $('.box').innerWidth(); // 获取元素的width和padding值
            $('.box').innerWidth(500); // 修改元素的width和padding值

3.获取和修改width+padding+border的大小

其中修改只会修改width和height值，不会修改里面的padding和border的值

            $('.box').outerWidth(); // 获取元素的width+padding+border值
            $('.box').outerWidth(600); // 修改元素的width+padding+border值

4.获取width+padding+border+margin的大小

            $('.box').outerWidth(true); 
            // 获取元素的width+padding+border+margin值