Heim > Web-Frontend > js-Tutorial > Wie erhalte ich die Koordinaten eines Elements mit jQuery?

Wie erhalte ich die Koordinaten eines Elements mit jQuery?

青灯夜游
Freigeben: 2020-11-17 11:06:29
Original
3980 Leute haben es durchsucht

So erhalten Sie Elementkoordinaten mit jQuery: 1. Verwenden Sie offset(), um die absoluten X- und Y-Koordinaten eines Elements auf der Seite zu erhalten, indem Sie die Syntax „$(element).offset().top“ und „$(“ verwenden. element).offset( ).left"; 2. Verwenden Sie position(), um die Positionskoordinaten des Elements relativ zum übergeordneten Element zu erhalten.

Wie erhalte ich die Koordinaten eines Elements mit jQuery?

【Verwandte Empfehlung: jQuery-Video-Tutorial

jQuery zum Abrufen der Koordinaten eines Elements

1 Um die absoluten X- und Y-Koordinaten eines Elements auf der Seite zu erhalten, Sie können offset() verwenden: Die Methode

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

offset() gibt den Offset (Position) des passenden Elements relativ zum Dokument zurück oder legt ihn fest.

Bei Verwendung zur Rückgabe des Versatzes: Diese Methode gibt die Versatzkoordinate des ersten übereinstimmenden Elements zurück. Es gibt ein Objekt mit zwei Eigenschaften zurück (obere und linke Position in Pixel).

2. Ermitteln Sie die relative Position (übergeordnetes Element): Die Methode

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

position() gibt die Position des ersten passenden Elements zurück (relativ zu seinem übergeordneten Element).

Diese Methode gibt ein Objekt mit zwei Eigenschaften zurück (obere und linke Position in Pixel).

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmieren lernen! !

Das obige ist der detaillierte Inhalt vonWie erhalte ich die Koordinaten eines Elements mit jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage