首页 > 软件开发 > JQUERY >

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

来源:互联网 2023-03-16 23:55:29 版权归原作者所有,如有侵权,请联系我们

用jQuery插件来获取div元素之类的top值和left值是非常easy的。今天小编就教会大家用jq来获取以及设置元素的left值和top值喔。EPl办公区 - 实用经验教程分享!

工具/原料

  • 电脑 浏览器
  • jQuery vscode

方法/步骤

  • 1

    比如小编我要用jQuery以得到和设置left和top。EPl办公区 - 实用经验教程分享!

    jq怎样设置div的left和top,怎样获取left和top值EPl办公区 - 实用经验教程分享!

  • 2

    简单的通过offset方法并且用.top即可得到对应的top值啦。EPl办公区 - 实用经验教程分享!

    jq怎样设置div的left和top,怎样获取left和top值EPl办公区 - 实用经验教程分享!

  • 3

    同理调用offset的.left得到的就是元素的left值了。EPl办公区 - 实用经验教程分享!

    jq怎样设置div的left和top,怎样获取left和top值EPl办公区 - 实用经验教程分享!

  • 4

    接着输出left和top值验证是否对得上哦。EPl办公区 - 实用经验教程分享!

    jq怎样设置div的left和top,怎样获取left和top值EPl办公区 - 实用经验教程分享!

  • 5

    看到了left和top的值便知道没有错误了。EPl办公区 - 实用经验教程分享!

    jq怎样设置div的left和top,怎样获取left和top值EPl办公区 - 实用经验教程分享!

  • 6

    此外我们把offset替换成为position方法也是可以得到相应的left和top的哟。EPl办公区 - 实用经验教程分享!

    jq怎样设置div的left和top,怎样获取left和top值EPl办公区 - 实用经验教程分享!

  • 7

    设置元素left以及top只要用css方法便可以快速完成设置了。EPl办公区 - 实用经验教程分享!

    jq怎样设置div的left和top,怎样获取left和top值EPl办公区 - 实用经验教程分享!

  • 7该信息非法爬取自百度经验
  • 注意事项

    • 有用可以收藏点赞投票。
    • 有问题可以留言或者私信我,我会的会解答的哦。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!EPl办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号