Rumah > hujung hadapan web > tutorial js > jQuery怎么获取元素的坐标?

jQuery怎么获取元素的坐标?

青灯夜游
Lepaskan: 2020-11-17 11:06:29
asal
3989 orang telah melayarinya

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

jQuery怎么获取元素的坐标?

【相关推荐:jQuery视频教程

jQuery获取元素的坐标

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

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

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

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

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

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

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

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

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

Atas ialah kandungan terperinci jQuery怎么获取元素的坐标?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan