Warum gibt $ ("body") == $ ("body") false zurück?

Question

Wie kommt es, dass die Gleichung im Titel falsch ist? Wie überprüfen Sie, ob zwei jQuery-Selektoren auf dasselbe DOM-Objekt zeigen?

Answer 1

Sie vergleichen zwei verschiedene jQuery Objekte, da $() zweimal anrufen (einmal für jede Seite der Gleichung), und jQuery as MooGoo explains schafft neue Wrapper-Objekte für jedes Mal, wenn Sie es nennen. Deshalb endet der Vergleich falsch.

Sie können ein DOM-Objekt aus jedem jQuery-Objekt extrahieren, indem Sie entweder get() oder Array-Dereferenzierung verwenden, und dann diese Elemente vergleichen. Die beiden folgenden return true, da beide identisch Selektoren die gleiche body DOM-Element entsprechen:

$('body').get(0) == $('body').get(0) 
$('body')[0] == $('body')[0] 

Wenn Sie gegen einen jQuery-Selektor testen möchten, verwenden Sie is(). Beachten Sie, dass die Selektoren, die Sie verwenden, nicht unbedingt denselben DOM-Elementen entsprechen müssen (es sei denn, die Selektoren sind identisch). Das gibt auch true zurück:

$('body').is('body') 

Answer 2

Verwenden $ .ist()

http://api.jquery.com/is/

die aktuelle aufeinander abgestimmten Satz von Elementen Prüfung gegen einen Selektor, Element oder Objekt jQuery und Rück true, wenn mindestens eines dieser Elemente entspricht der gegebene Argumente ...

Im Gegensatz zu anderen Filtermethoden erstellt .is() kein neues jQuery-Objekt. Stattdessen können Sie den Inhalt eines jQuery-Objekts ohne Änderung testen. Dies ist oft nützlich, innerhalb Rückrufe, wie Event-Handler ...

Answer 3

Da jQuery ein neues Wrapper-Objekt erstellt für jede $ Anruf, und in Javascript alle Objekte sind verschieden, auch wenn sie genau die gleichen Eigenschaften/Methoden .

Auf der anderen Seite würde document.body == document.body zu true bewerten.