Jquery中获取元素的大小及位置信息

内部宽高 innerWidth(),innerHeight()

用于获得匹配集合中第一个元素的当前计算的内部宽度（包括padding，但不包括border）

$('#element').innerWidth();
$('#element').innerHeight();

不支持window,document对象，可以使用width(),height()

宽高 width(),height()

为匹配的元素集合中获取第一个元素的当前计算宽度值或给每个匹配的元素设置宽度(不包括padding)。

$('#element').width();
$('#element').height();

外部宽高 outerWidth([includeMargin]),outerHeight([includeMargin])

获取元素集合中第一个元素的当前计算宽度值,包括padding，border和选择性的margin(includeMargin为true时，包括margin的值)。

$('#element').outerHeight();
$('#element').outerWidth(true);

元素相对位置 position()

获取匹配元素中第一个元素的当前坐标，相对于offset parent的坐标。( 译者注：offset parent指离该元素最近的而且被定位过的祖先元素)
.position()方法可以取得元素相对于父元素的偏移位置。

与.offset()不同,offset()是获得该元素相对于documet的当前坐标 当把一个新元素放在同一个容器里面另一个元素附近时，用.position()更好用。
.position()返回一个包含 top 和 left属性的对象。
注意：jQuery不支持获取隐藏元素的偏移坐标及所占用的边框，边距和填充的大小

var position = $('#element').position();
var top = position.top;
var left = position.left;

元素绝度位置 offset()

在匹配的元素集合中，获取的第一个元素的当前坐标，或设置每一个元素的坐标，坐标相对于文档。

var offset = $('#element').offset();
var top = offset.top;
var left = offset.left;

水平/垂直滚动 scrollLeft(),scrollTop()

获取匹配的元素集合中第一个元素的当前水平/垂直滚动条的位置

$('#element').scrollLeft();
$('#element').scrollTop();