Heim >Web-Frontend >js-Tutorial >Wie ermittelt jquery die Position eines Elements im Browser? Welche Methoden gibt es?

Wie ermittelt jquery die Position eines Elements im Browser? Welche Methoden gibt es?

云罗郡主
云罗郡主nach vorne
2018-10-29 15:36:193101Durchsuche

Wie erhält JQuery die Position eines Elements im Browser? Ich glaube, dass viele Freunde, die gerade mit jquery in Kontakt gekommen sind, solche Fragen haben werden. In diesem Kapitel erfahren Sie, wie JQuery die Position eines Elements im Browser ermittelt. Welche Methoden gibt es? Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1. Erhalten Sie das Objekt (benutzerdefinierte Anpassung zum Öffnen eines neuen Fensterreferenzelements)

var obj = $(”#oButton”);

Im Beispiel ist das Objekt, das ich erhalten habe, die Schaltfläche für das Popup-Fenster, sodass das neue Fenster angezeigt wird Das erstellte Fenster basiert auf der Position der Schaltfläche. Nehmen Sie Anpassungen vor, sodass die Instanz ein neues Fenster erstellt, in dem in der unteren rechten Ecke eine Schaltfläche angezeigt wird.

2. Ermitteln Sie die Position des Objektelements (offset()-Methode)

var offset = obj.offset();

Ermitteln Sie die Position des Objektelements, das sich oben und links vom Element befindet : offset.left und offset top, Sie können die linke und obere Position des aktuellen Objekts kennen.

3. Ermitteln Sie die Breite des Objektelements (width()-Methode)

var right = offset.left+obj.width();

Im Beispiel wird die Position der unteren rechten Ecke des Objekts ermittelt und die linke Position des neues Fenster wird erstellt.

4. Ermitteln Sie die Höhe des Objektelements (height()-Methode)

var down = offset.top+obj.height();

Im Beispiel wird die Position der unteren rechten Ecke des Objekts ermittelt und die obere Position des neues Fenster wird erstellt.

5. Definieren Sie CSS-Stile und legen Sie den linken bzw. oberen Wert fest.

‘left’:right,
‘top’:down,

Achten Sie auf die Werte von Rand und Abstand in CSS-Stilen sowie auf die Kompatibilität der Browser IE und Firefox.

Basierend auf dem obigen Beispiel ist es für jQuery sehr einfach, die Position, Höhe und Breite des Elements durch die integrierten Methoden offset(), width() und height() zu ermitteln Dynamische Anpassung und Funktion zum Öffnen eines neuen Fensters. Das Gleiche gilt. Das Verständnis der jQuery-Methode zum Ermitteln von Elementposition, -höhe und -breite ist sehr praktisch, um neue Elemente zu erstellen und Elementposition und -größe anzupassen.

Das Obige ist eine vollständige Einführung, wie jquery die Position eines Elements im Browser ermittelt. Welche Methoden gibt es? Wenn Sie mehr über JavaScript-Video-Tutorial, Bitte beachten Sie die chinesische PHP-Website.


Das obige ist der detaillierte Inhalt vonWie ermittelt jquery die Position eines Elements im Browser? Welche Methoden gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:lvyestudy.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen