首页 >web前端 >js教程 > 正文

jQuery怎么获取元素的坐标?

原创2020-11-17 11:06:290969

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中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jQuery 元素坐标
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数461
    php中转换首字母大写的函数是什么382
    Javascript怎么检查对象是否为空900
    推荐视频教程
  • 黑马云课堂jQuery基础视频教程黑马云课堂jQuery基础视频教程
  • ITcastjQuery视频教程ITcastjQuery视频教程
  • 传智播客JQuery编程视频教程传智播客JQuery编程视频教程
  • jQuery  Mobile框架基础视频教程jQuery Mobile框架基础视频教程
  • jQuery基础视频教程jQuery基础视频教程
  • 视频教程分类