Beste Weg, um die Referenz root html element mit jQuery?

Welcher Weg der beste (performance-wise), um das Dokument-root-Knoten (der <html> element) in jQuery? Ich denke, der kann mehrere Methoden, die möglicherweise oder möglicherweise nicht arbeiten:

$("html")

$(document.documentElement)

$(document) (?)

$.root (?)

$.document (?)

  • Sie können ganz einfach führen diese benchmarks sich auf jsperf.com.
InformationsquelleAutor dalgard | 2011-07-10
  1. 14

    $(document.documentElement) ist die Schnellste, um einiges Marge (siehe tests hier).

    Erhalten Sie mehr Einblick, warum dies der Fall ist, indem man die jQuery source code (Blick auf die init - Funktion, insbesondere der Teil, der Griffe ein DOM-element, und der Teil, der verarbeitet einen string).

    • Danke 🙂 Netter Kontakt mit dem profiling!
    InformationsquelleAutor James Allardice
  2. 1

    Ich glaube nicht, dass diese wirklich so anders, aber $("html") scheint die meisten lesbar, und daher die logische Wahl.

    • Sie müssen Anführungszeichen um html, ansonsten ist diese nicht definiert wird.
    • oops, kleine Kontrolle. guter Fang
    InformationsquelleAutor bevacqua
  3. 0

    Laut Addy Osmani, id und element Selektoren sind die schnellsten.

    http://addyosmani.com/jqprovenperformance/

    Siehe Folien 21 & 25.

    Also sage ich $("html")

    Stimme mit @AlienWebguy, dass Sie können führen Sie Ihre eigenen tests auf jsperf.com.

    • Ich habe noch nicht profiliert, aber ich denke, in diesem Fall, es wird schneller zu verwenden document.documentElement eher als ein jQuery-Selektor.
    • Das ist ein Vergleich von Selektoren. Wenn du schon direkten Zugriff auf das element, es gibt keine Notwendigkeit für einen Selektor. Oder wenn Sie es tun, wird es langsamer, weil die Arbeit, die es dauern wird, um es zu verarbeiten, auch wenn es sofort die Karten auf die gleiche direkte Referenz.
    • Ich habe jetzt profiliert, und document.documentElement ist deutlich schneller: jsperf.com/jquery-html-selector
    • Gut zu wissen @James. +1 für deine Antwort.
    InformationsquelleAutor Jason Gennaro
Schreibe einen Kommentar