养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jq怎样设置div的left和top,怎样获取left和top值

时间:2024-09-26 00:28:56

用jQuery插件来获取div元素之类的top值和left值是非常easy的。今天怅屹岖噤小编就教会大家用jq来获取以及设置元素的left值和top值喔。

工具/原料

电脑浏览器

jQueryvscode

方法/步骤

1、比如小编我要用jQuery以得到和设置left和top。

jq怎样设置div的left和top,怎样获取left和top值

2、简单的通过offset方法并且用.top即可得到对应的top值啦。

jq怎样设置div的left和top,怎样获取left和top值

3、同理调用offset的.left得到的就是元素的left值了。

jq怎样设置div的left和top,怎样获取left和top值

4、接着输出left和top值验证是否对得上哦。

jq怎样设置div的left和top,怎样获取left和top值

5、看到了left和top的值便知道没有错误了。

jq怎样设置div的left和top,怎样获取left和top值

6、此外我们把offset替换成为position方法也是可以得到相应的left和top的哟。

jq怎样设置div的left和top,怎样获取left和top值

7、设置元素left以及top只要用css方法便可以快速完成设置了。

jq怎样设置div的left和top,怎样获取left和top值

© 一点知识