Heim > Web-Frontend > js-Tutorial > Anwendungsbeispiele der Methode position() in jQuery_jquery

Anwendungsbeispiele der Methode position() in jQuery_jquery

WBOY
Freigeben: 2016-05-16 16:19:58
Original
1125 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung der position()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode ermittelt den Offset des übereinstimmenden Elements relativ zu einem anderen Element.
Das zurückgegebene Objekt enthält ein Objekt mit zwei ganzzahligen Eigenschaften (oben und links).
Diese Methode funktioniert nur bei sichtbaren Elementen.
Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:
$(selector).position()

Am Anfang des Tutorials wird gesagt, dass es darum geht, den Offset des passenden Elements relativ zu bestimmten Elementen zu ermitteln. In vielen Tutorials heißt es, dass der von der Methode zurückgegebene Offset relativ zum übergeordneten Element ist, aber das ist nicht ganz richtig. Diese Methode verarbeitet das übereinstimmende Element mit absoluter Positionierung. Dies bedeutet natürlich nicht, dass das übereinstimmende Element tatsächlich festgelegt ist absolute Positionierung. Das Offset-Referenzprinzip der Methode lautet wie folgt:

1. Wenn das übergeordnete Element keine Positionierung verwendet (der Positionsattributwert ist relativ, absolut oder fest), dann ist das Offset-Referenzobjekt das Fenster.
2. Wenn eines der übergeordneten Elemente positioniert ist, ist das Referenzobjekt des Offsets das am nächsten positionierte Element

Beispielcode:

Code kopieren Der Code lautet wie folgt:






position() Funktionsskript-Startseite













Da in der oberen Kombination im obigen Code das übergeordnete Element eine relative Positionierung verwendet, ist der erhaltene Versatz relativ zum übergeordneten Element. Da in der unteren Kombination das übergeordnete Element keine Positionierung verwendet, ist das versetzte Referenzobjekt das Fenster.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Dieser Artikel wurde reproduziert von: Ant Tribe http://www.softwhy.com/

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