宽高

width() height()

获取或者设置元素的宽高,这个宽高不包括padding/border/margin

获取

$(元素).width();
$(元素).height();

设置

$(元素).width(px数值);
$(元素).height(px数值);

innerwidth()/innerHeight()

方法返回元素的宽度/高度（包括内边距）

$(元素).innerwidth();
$(元素).innerHeight();

outerwidth()/outerHeight()

方法返回元素的宽度/高度（包括内边距和边框）

$(元素).outerwidth();
$(元素).outerHeight();

outerwidth(true)/outerHeight(true)

方法返回元素的宽度/高度（包括内边距、边框和外边距)

$(元素).outerwidth(true);
$(元素).outerHeight(true);

$(window).width()/$(window ).height()

获取页面可视区的宽高

位置

offset()

获取,会得到一个对象,对象里面包含了top和left的值
offset方法获取元素距离document的位置

$(元素).offset();

position()

获取,会得到一个对象,对象里面包含了top和left的值
position方法获取的是元素距离有定位的父元素(offsetParent)的位置。

$(元素).position();

设置或者获取垂直滚动条的位置

scrollTop()/scrollLeft()

获取被卷曲的高度

$(元素).scrollTop();

获取被卷曲的宽度

$(元素)..scrollLeft();

设置被卷曲的高度

$(元素).scrollTop(px数值);

设置被卷曲的宽度

$(元素)..scrollLeft(px数值);

设置或者获取页面被卷曲的距离

获取页面被卷曲的高度

$(window) .scro11Top();  

获取页面被卷曲的宽度

$(window).scrollLeft();

设置页面被卷曲的高度

$(window) .scro11Top(px数值);

设置页面被卷曲的宽度

$(window).scrollLeft(px数值);