Jquery中的offset()和position()的区别

offset():
获取匹配元素在当前窗口的相对偏移。
返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。
position():
获取匹配元素相对父元素的偏移。

返回的对象包含两个整形属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。

他们的返回值是不带单位的,而通过css()取得的值是带单位的,举个例子

$('#id').position().top     //假如这个值为129

$('#id').css('top')           //那么这个值应该就为129px

像这样类似的还有$('#id').width()和$('#id').css('width')

$('#id').width()            //180

$('#id').css('width')     //180px

这里解释下普通元素和非普通元素，非普通元素是指window，document这些 元素对象，普通元素是指除window，document这些非普通元素外的元素

对于普通元素:

$('#id').width()和$('#id').css('width')都可用

对于非普通元素，只能使用 .width()
如：
我们想获取 window对象的宽度,我们只能使用$(window).width();输出电脑屏幕的宽度；
使用$(window).css("width"); 输出 undifined

同理，$('#id').css("height")和$('#id').height()也一样。