第一百二十六章 位置

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

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

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

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

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

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

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

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

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

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


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

我说这话什么意思呢?

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

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

未经允许不得转载-易看设计:易看设计 - 创意.极致.传达 » 第一百二十六章 位置

打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏