第一百二十六章 位置

一个元素，在什么位置，尤其是视觉的位置，这个在我们制作某些特效的时候十分重要。offset 方法可以用来获取和设置一个元素的位置。

具体一点，它获取的是元素相对于文档的位置，返回值是一个对象。

const offset = $('#miao').offset();

获得一个这样的对象：{top: 2, left: 83}。其中两个属性的值都是数字类型，可以直接用来计算，方便。

具体的哪个点相对于哪个点的位置，这个自己通过实践去了解，这里不多讲了。

反过来我们也可以进行设置：

$('#miao').offset({top: 2, left: 83});

就是在小括号里给出一个相同格式的对象就对了。具体的效果，如果这个元素是静态定位，那么会被设置为相对定位，然后进行必要的偏移。其他情况……请通过实践进行了解。写几行代码，然后改变各种参数观察效果就行了，这么简单的事情，不带着大家练习了哦……（小老鼠的偷懒计划，稳步推进中

只是数据换个格式，和前面的那些方法在使用上也没啥大的区别，本来嘛，jQuery 就是一句话语法走到底，能有多大区别。

不过这种方法会受到很多因素的影响，所以，只能说在你了解的，可控的环境下是可以放心使用的，因为你可以自己去解决掉这些影响的因素。但是指望着通用于所有情况，就有点悬。

到这里，我们可以算是完成了 jQuery 的一个初步学习。后面还有很多内容，也很厉害，很重要。但是，我们目前所掌握的知识已经可以完成许多事情了，或者变相去完成某些效果。

我说这话什么意思呢？

就是停下来，去做练习，别急着往下看了。基础不扎实，到后面会乱的。现在需要的是思考、尝试、反复运用、逐渐熟悉和掌握已有的内容。在这个台阶上站稳了，我们再一起向前迈进。

想想，这么多方法，可以用来做点什么有趣的内容不？我能否用它们搞点事情？可以很奇怪，也可以毫无用途。但是在这个过程中，你会对它们生出不一样的理解。