Heim Web-Frontend js-Tutorial Analyse des Unterschieds zwischen offset() und position() in Jquery_jquery

Analyse des Unterschieds zwischen offset() und position() in Jquery_jquery

May 16, 2016 pm 04:15 PM
jquery offset position 区别

In diesem Artikel wird der Unterschied zwischen offset() und position() in Jquery anhand von Beispielen analysiert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. offset() in Jquery

Ermitteln Sie den relativen Versatz des passenden Elements im aktuellen Ansichtsfenster. Die Position wird immer relativ zum Dokument berechnet, unabhängig vom Positionsattribut des übergeordneten oder Vorgängerelements des Elements.
Das zurückgegebene Objekt enthält zwei ganzzahlige Eigenschaften: top und left. Diese Methode funktioniert nur bei sichtbaren Elementen.

Zum Beispiel:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
p { margin-left:10px; } 
</style> 
<script src="js/jquery.js"></script> 
</head> 
<body> 
 <p>Hello</p><p>2nd Paragraph</p> 
<script>
var p = $("p:last"); 
var offset = p.offset(); 
p.html( "left: " + offset.left + ", top: " + offset.top );
</script> 
</body> 
</html>
Nach dem Login kopieren

2. position() in Jquery

Ermitteln Sie den Offset des passenden Elements relativ zum übergeordneten Element. Im Allgemeinen handelt es sich um die Position des nächstgelegenen übergeordneten Elements oder Vorgängerelements des Elements, das position:relative enthält. Wenn kein solches übergeordnetes oder übergeordnetes Element gefunden wird, wird die Position relativ zum Dokument berechnet (d. h. zur oberen linken Ecke des Ansichtsfensters). Das zurückgegebene Objekt enthält zwei ganzzahlige Eigenschaften: oben und links. Für genaue Berechnungen verwenden Sie Pixeleinheiten für Füll-, Rahmen- und Fülleigenschaften.

Zum Beispiel:

<!DOCTYPE html> 
<html> 
<head> 
 <style> 
 div { padding: 15px;} 
 p { margin-left:10px; } 
 </style> 
 <script src="jquery脚本URL"></script> 
</head> 
<body> 
<div> 
 <p>Hello</p> 
</div> 
<p></p> 
<script> 
var p = $("p:first"); 
var position = p.position(); 
$("p:last").text( "left: " + position.left + ", top: " + position.top ); 
</script> 
</body> 
</html>
Nach dem Login kopieren

3. Der Unterschied zwischen offset() und position()

1. Die Methode offset() ermittelt den relativen Offset des übereinstimmenden Elements im aktuellen Fenster. Das Fenster bezieht sich hier auf das Fenster der aktuellen Seite, mit Ausnahme der Menüleiste des Browsers usw. Natürlich müssen wir nicht JQuery verwenden, um den gesamten Browser zu steuern. Wir möchten das Seitenfenster steuern.

2. Die Methode position() ermittelt den Offset des passenden Elements relativ zum übergeordneten Element. Das heißt, was erhalten wird, ist der Versatz des Elements relativ zum nächstgelegenen übergeordneten Element mit absoluter oder relativer Positionierung. Wenn sich alle übergeordneten Elemente im standardmäßigen statischen Positionierungsmodus befinden, ist die Verarbeitungsmethode dieselbe wie offset(), bei dem es sich um den Offset des aktuellen Fensters handelt.

3. Wenn sich bei Verwendung der Methode position() alle übergeordneten Elemente im Standardpositionierungsmodus (statisch) befinden, ist die Verarbeitungsmethode dieselbe wie offset(), bei dem es sich um den relativen Offset des aktuellen Fensters handelt

4. Mit der Methode offset() wird unabhängig von der Positionierung des Elements oder seines übergeordneten Elements der Versatz des Elements relativ zum aktuellen Ansichtsfenster ermittelt.

5. Unter normalen Umständen ist es am besten, position() zu verwenden, wenn das anzuzeigende Element B unter demselben übergeordneten Element wie Element A gespeichert ist (d. h. B ist ein Geschwisterknoten von A). Zeit; wenn das anzuzeigende Element B oben oder unten im DOM gespeichert ist (d. h. sein übergeordnetes Element ist der Körper). Zu diesem Zeitpunkt ist es am besten, offset () zu verwenden.

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

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Zwei -Punkte -Museum: Alle Exponate und wo man sie finden kann
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was ist der Unterschied zwischen dem Handel vor dem Markt und nach dem Markt? Detaillierte Erläuterung der Unterschiede zwischen dem Handel mit Vormarkt und After-Market Was ist der Unterschied zwischen dem Handel vor dem Markt und nach dem Markt? Detaillierte Erläuterung der Unterschiede zwischen dem Handel mit Vormarkt und After-Market Mar 03, 2025 pm 11:54 PM

In den traditionellen Finanzmärkten bezieht sich der Handel vor dem Markt und nach dem Markt für Handelsaktivitäten außerhalb des regulären Handelszeitraums. Obwohl der Kryptowährungsmarkt rund um die Uhr handelt, bieten Handelsplattformen wie Bitget auch ähnliche Funktionen, insbesondere einige umfassende Plattformen, die gleichzeitig Aktien und Kryptowährungen handeln. In diesem Artikel werden die Unterschiede im Handel mit Vormarkt und After-Market klargestellt und die Auswirkungen auf den Währungspreis untersucht. Vier wichtige Unterschiede zwischen dem Handel vor dem Markt und nach dem Markt: Die Hauptunterschiede zwischen dem Handel vor dem Markt und dem Handel und regulären Handelsperioden nach dem Markt sind in vier Aspekten: Handelszeit, Liquidität, Preisschwankungen und Handelsvolumen: Handelszeit: Vormarkethandel erfolgt, bevor der offizielle Handel nach dem Handel nach dem Handel nach dem Handel nach dem Handel nach dem Handel nach dem Handel nach dem Handel ist. Liquidität: Die Liquidität des Handels vor und nach der Zeit ist niedrig, es gibt nur wenige Händler, und die Preisdifferenz und die Angebotspreisdifferenz ist groß.

Warum wird Bittensor als 'Bitcoin' in der KI -Strecke gesagt? Warum wird Bittensor als 'Bitcoin' in der KI -Strecke gesagt? Mar 04, 2025 pm 04:06 PM

Original -Titel: Bittensor = Aibitcoin? Bittensor nimmt ein Subnetzmodell an, das die Entstehung verschiedener KI -Lösungen ermöglicht und Innovation durch Tao -Token inspiriert. Obwohl der KI -Markt ausgereift ist, steht Bittensor mit wettbewerbsfähigen Risiken aus und kann anderen Open Source unterliegen

Gibt es einen Unterschied zwischen südkoreanischer Bitcoin und inländischer Bitcoin? Gibt es einen Unterschied zwischen südkoreanischer Bitcoin und inländischer Bitcoin? Mar 05, 2025 pm 06:51 PM

Der Bitcoin Investment Boom erhitzt sich weiter. Obwohl China einst der größte Markt für Bitcoin war, haben die politischen Auswirkungen zu Transaktionsbeschränkungen geführt. Heute ist Südkorea zu einem der wichtigsten Bitcoin -Märkte der Welt geworden und veranlasst Anleger, die Unterschiede zwischen ihm und seinem inländischen Bitcoin in Frage zu stellen. Dieser Artikel wird eine eingehende Analyse der Unterschiede zwischen den Bitcoin-Märkten der beiden Länder durchführen. Analyse der Unterschiede zwischen Südkorea und China Bitcoin -Märkten. Zum Beispiel war Ende Oktober 2024 der Preis für Bitcoin in Südkorea einst

Vertikaler Proxy: Anwendungsszenarien und Interpretation des disruptiven Potenzials von nativem Verschlüsselungsträger Vertikaler Proxy: Anwendungsszenarien und Interpretation des disruptiven Potenzials von nativem Verschlüsselungsträger Mar 04, 2025 am 10:21 AM

Künstliche Intelligenz -Agenten (AIAGENTS) integrieren sich schnell in den täglichen Betrieb von Unternehmen, von großen Unternehmen bis zu kleinen Unternehmen. Fast alle Bereiche haben begonnen, um Vertrieb, Marketing, Finanzen, Recht, IT, Projektmanagement, Logistik, Kundendienst und Workflow -Automatisierung zu verwenden. Wir bewegen uns aus einer Zeit der manuellen Verarbeitung von Daten, der Ausführung wiederholter Aufgaben und verwenden Excel -Tabellen bis zu einer Zeit des autonomen Betriebs durch AI -Agenten rund um die Uhr, was nicht nur die Effizienz verbessert, sondern auch die Kosten erheblich reduziert. Anwendungsfall von AI -Agenten in Web2: Perspektive von Ycombinator: Ein Tool für Verkaufs- und Marketingoptimierung, das die KI- und SMS -Technologie kombiniert. Bildai: Ein Modell, das architektonische Blaupausen lesen kann,

Pepe hat in großem Umfang gekauft und ausverkauft. Ist Mutm eine intelligentere Investition im Jahr 2025? Pepe hat in großem Umfang gekauft und ausverkauft. Ist Mutm eine intelligentere Investition im Jahr 2025? Mar 03, 2025 pm 07:09 PM

Kann MUTM nach dem Anstieg in Pepe im Jahr 2025 zu einer stabileren Wahl für die Investition werden? Pepe (Pepe) hat frühe Investoren profitabel gemacht, aber seine gewalttätigen Preisschwankungen haben viele Menschen auch dazu gebracht, seine langfristigen Aussichten in Frage zu stellen. Während der Meme -Währungsmarkt weiterhin turbuent weiterhin beginnt, konzentrieren sich die Händler auf Projekte mit grundlegenderen Vorteilen, und Mutuumfinance (MUTM) ist einer von ihnen. Dies ist eine dezentrale Kreditplattform, die sich auf praktische finanzielle Anwendungen konzentriert. Im Gegensatz zu Pepe, der auf spekulativen Spekulationen beruht, baut MUTM ein strukturiertes Defi -Ökosystem auf, in dem Benutzer passive Einnahmen ausleihen und verdienen können. Der Vorverkauf hat eine Million US-Dollar überschritten, die erste Phase des Umsatzkurs von 97%, frühe Investitionen

Welchen Austausch ist Nexo? Welchen Austausch ist Nexo? Mar 05, 2025 pm 07:39 PM

Nexo: Es ist nicht nur ein Kryptowährungsaustausch, sondern auch Ihr digitaler Finanzmanager. Es ermöglicht Benutzern, Kredite in Kryptowährung als Sicherheiten zu erhalten und Dienstleistungen bereitzustellen, um Zinsen zu verdienen. Während Nexo auch Kryptowährungs -Kauf-, Verkaufs- und Einlösungsfähigkeiten anbietet, ist das Kerngeschäft die Krypto -Kreditvergabe. In diesem Artikel wird das Betriebsmodell und die Sicherheit von Nexo eingehend untersucht, um den Anlegern ein umfassenderes Verständnis zu vermitteln. Das Betriebsmodell von Nexo wurde im Jahr 2018 gegründet und hat seinen Hauptsitz in Zug, Schweiz, und ist ein Pionier auf dem Gebiet der digitalen Finanzen. Es unterscheidet sich von anderen zentralen Börsen und konzentriert sich mehr auf die Bereitstellung umfassender Finanzdienstleistungen. Benutzer können Kryptowährungen kaufen, verkaufen, handeln, ohne Vermögenswerte zu verkaufen und

Der Unterschied zwischen Ether und Bitcoin, was ist der Unterschied zwischen Ether und Bitcoin Der Unterschied zwischen Ether und Bitcoin, was ist der Unterschied zwischen Ether und Bitcoin Mar 19, 2025 pm 04:54 PM

Der Unterschied zwischen Ethereum und Bitcoin ist signifikant. Technisch gesehen verwendet Bitcoin POW, und Ether hat sich von POW nach POS verlagert. Die Handelsgeschwindigkeit ist für Bitcoin langsam und Ethereum ist schnell. In Anwendungsszenarien konzentriert sich Bitcoin auf den Zahlungsspeicher, während Ether intelligente Verträge und DApps unterstützt. In Bezug auf die Ausgabe beträgt der Gesamtbetrag von Bitcoin 21 Millionen und es gibt keine feste Gesamtmenge an Ethermünzen. Jede Sicherheitsherausforderung ist verfügbar. In Bezug auf den Marktwert ist Bitcoin an erster Stelle, und die Preisschwankungen beider sind groß, aber aufgrund unterschiedlicher Merkmale ist der Preistrend von Ethereum einzigartig.

Was bedeutet das Schließen einer virtuellen Währungsposition? Gleich wie Verkauf? Wie vermeiden Sie das erzwungene Schließen von Positionen? Was bedeutet das Schließen einer virtuellen Währungsposition? Gleich wie Verkauf? Wie vermeiden Sie das erzwungene Schließen von Positionen? Mar 04, 2025 am 06:51 AM

Detaillierte Erläuterung der Schließung von Positionen im virtuellen Währungshandel: Strategien zur Vermeidung des Liquidationsrisikos. Was schließt die virtuelle Währung? Enge Positionen beziehen sich auf Anleger, die bestehende Positionen durch Reverse Trading beenden und damit Gewinne und Verluste sperren. Beispielsweise können Anleger, die lange Positionen innehat (Kaufen), ihre Positionen schließen, indem sie gleiche Mengen an virtuellen Währungen verkaufen. Ein Abschlussbetrieb ist im Wesentlichen eine festgelegte Investitionsposition abschließt oder veröffentlicht. Ist das Schließen einer Position gleich dem Verkauf? Obwohl das lange Schließen den Verkauf von Operationen beinhaltet, sind das Schließen und Verkauf nicht genau gleich. Definition der Position schließen: Ende geöffnet

See all articles