$ Variable in Chrom?

Arbeitete ich mit den Entwicklertools von google chrome auf eine Seite ohne jQuery (oder andere Bibliothek, verwendet die $ Zeichen als shortcut).
Wenn ich kontrolliert $ von der Konsole (einfach durch Eingabe und drücken der EINGABETASTE), bekam ich dies:

$
function () { [native code] }

So, chrome hat einige native Funktion, auf die verwiesen werden kann, die von $. Nur chrome zu haben scheint, dieser ein, und ich kann nicht darauf zugreifen über window['$'] noch über document['$'] oder this['$'].

Ich war nicht in der Lage, um herauszufinden, was diese Funktion ist. Wissen Sie, was es tut, und vielleicht haben einige hintergrund-Informationen über diese?
Vielen Dank im Voraus!

Informationen finden Sie unter developers.google.com/chrome-developer-tools/docs/console und getfirebug.com/wiki/index.php/Command_Line_API.
Welche URL & welche version von Chrome? Ich fand eine Seite, die nicht die jQuery verwenden, und nicht alias $ (es war erstaunlich schwer), aber ich sehe nicht function () { [native code] }. Wurden Sie angehalten, an einem Haltepunkt?
Ball können Sie einfach öffnen Sie about:blank öffnen Sie die Konsole und geben Sie $ dann drücken Sie die EINGABETASTE.
Mögliche Duplikate von: Was ist die Quelle des Doppel-Dollarzeichen selector query-Funktion in Chrome /Ffirefox?

InformationsquelleAutor Dennis | 2012-08-02

  1. 21

    Diese hat sich schon wieder geändert, auch seit letztes Jahr.

    Den devtools-Konsole bietet $ als alias document.querySelector zusammen mit viele andere Dinge; hier ein Auszug der Liste:

    • $(selector) gibt die Referenz auf das erste DOM-element mit dem angegebenen CSS-Selektor. Diese Funktion ist ein alias für die document.querySelector() Funktion.
    • $$(selector) liefert ein array der Elemente, die dem angegebenen CSS-Selektor. Dieser Befehl ist äquivalent zum Aufruf document.querySelectorAll().
    • $_ gibt den Wert des zuletzt ausgewerteten Ausdrucks.
    • Die $0, $1, $2, $3 und $4 - Befehle funktionieren als historische Referenz, um die letzten fünf von DOM-Elementen geprüft, die innerhalb der Elemente-Palette oder die letzten fünf JavaScript-heap-Objekte in den Profilen gewählt panel.

    ...und ein paar andere.

    Beachten Sie, wie Sie es nennt $ alias document.querySelector, aber sagt $$ ist "äquivalent" zu Berufung document.querySelectorAll. Weder scheint buchstäblich wahr; $ === document.querySelector ist false, und $$ gibt ein array, nicht ein NodeList.

    Danke! Um dieser Frage aktuell, die nützlich sein wird für die künftigen Besucher. 🙂

    InformationsquelleAutor T.J. Crowder

  2. 28

    Es ist einer der Chrome Developer Tools-Funktionen (also nicht von der Seite). Sie können sehen,Dokumentation für die es auf der Konsolen-Seite.

    Wird es ein element in einem Selektor.

    Firefox etwas ähnliches implementiert

    InformationsquelleAutor Quentin

  3. 15

    Den vorhandenen Antworten sind veraltet $ ist nicht ein alias für document.getElementById oder document.querySelector, aber ein wrapper für querySelector. Dieser wrapper tatsächlich nimmt ein zweites optionales argument für das element query das Kind.

    Diese Familie von Funktionen ist dokumentiert unter der Konsole: Auswahl Der Elemente:

    Elemente Markieren

    Gibt es ein paar shortcuts für die Auswahl von Elementen. Diese sparen Sie wertvolle Zeit, wenn im Vergleich zu der Eingabe aus Ihren standard-Pendants.

    $() Gibt das erste element entspricht dem angegebenen CSS-Selektor. Es ist eine Abkürzung für Dokument.querySelector().

    $$() Gibt ein array aller Elemente mit dem angegebenen CSS-Selektor. Dies ist ein alias für Dokument.querySelectorAll()

    $x() Gibt ein array von Elementen, die mit dem angegebenen XPath.

    Diese Werte sind jedoch nur die default Werte in die Konsole. Wenn die Seite überschreibt die variable darunter so etwas wie jQuery, die Konsole wird mit dem Wert von der Seite selbst, und etwas wie $('p') wird ein jQuery-Objekt zurückgeben, statt nur die ersten p element.

    Link ist veraltet, diese Funktionen sind nun dokumentiert hier. Beachten Sie auch, dass $$() gibt ein Array im Gegensatz zu document.querySelectorAll() das gibt einen NodeList.
    Und die aktuelle Dokumentation ruft $ ein "alias" für document.querySelector (obwohl, die nicht scheint, um wahr zu sein; zumindest $ === document.querySelector ist false).

    InformationsquelleAutor Alexander O'Mara

  4. 7

    Beurteilung durch die link zu den dev-tools es wird jetzt verwendet-Dokument.querySelector (), anstatt Sie einfach getElementById().

    schönes update, gut zu wissen - vielen Dank!

    InformationsquelleAutor AlbertEngelB

  5. 5

    https://developers.google.com/chrome-developer-tools/docs/console

    Ist es einfach schnellen Zugang zu Dokumenten.getElementById.

    Ich Stimme zu, aber beachten Sie auch, dass $ == document.getElementById zurück false ... seltsam!
    es ist, weil es einfach nicht get element by id, Es unterstützt brutzeln Stil Selektoren auch! (nicht testen mit komplexen)
    Ah stimmt. Vielleicht ist es auch Verweise Dokument.querySelector, dann?

    InformationsquelleAutor oryol

  6. 5

    Ther sind zwei Selektoren werden in Webkit-Inspektoren, die gleichen, die Mootools : $ und $$

    Finden Sie einige Informationen über es, hier

    Sind Sie juste hier, um Ihnen zu helfen in debug.

    InformationsquelleAutor zessx

Schreibe einen Kommentar