• 技术文章 >web前端 >js教程

    jQuery怎么获取元素的坐标?

    青灯夜游青灯夜游2020-11-17 11:06:29原创47

    jQuery获取元素坐标的方法:1、使用offset()来获取页面某一元素的绝对X、Y坐标,语法“$(元素).offset().top”和“$(元素).offset().left”;2、使用position()获取元素相对父元素的位置坐标。

    【相关推荐:jQuery视频教程

    jQuery获取元素的坐标

    1、获取页面某一元素的绝对X,Y坐标,可以用offset():

    var X = $(‘#div1’).offset().top;
    var Y = $(‘#div1’).offset().left;

    offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。

    当用于返回偏移时:该方法返回第一个匹配元素的偏移坐标。它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

    2、获取相对(父元素)位置:

    var X = $(‘#div1’).position().top;
    var Y = $(‘#div1’).position().left;

    position()方法返回第一个匹配元素的位置(相对于它的父元素)。

    该方法返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

    更多编程相关知识,请访问:编程学习!!

    以上就是jQuery怎么获取元素的坐标?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jQuery 元素坐标
    上一篇:jquery 如何判断是否有某个属性 下一篇:jquery如何使用新元素来替换所选元素
    第14期线上培训班

    相关文章推荐

    • jquery怎么遍历数组• jQuery如何判断input是否被禁用• jquery如何判断是否是数组• jquery如何获取标签内容• jquery的easyui和layui区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网