Was stellt die Variable $ in der Chrome Developer Console dar?

Von $ in Chrome referenzierte native Funktion

In den Entwicklertools von Google Chrome enthält die Variable $ eine Funktion, auf die nur über die Konsole zugegriffen werden kann . Trotz Versuchen, über verschiedene Objekte ($window, $document, $this) darauf zuzugreifen, bleibt sein Zweck unbekannt.

Auflösung

Das Verhalten von $ in der Chrome-Konsole hat sich im Laufe der Zeit weiterentwickelt. Derzeit dient es als Alias ​​für document.querySelector() und ermöglicht die Auswahl des ersten DOM-Elements, das einem CSS-Selektor entspricht. Darüber hinaus bietet die Konsole mehrere andere Verknüpfungen, darunter:

• $$(selector): Gibt ein Array von Elementen zurück, die einem CSS-Selektor entsprechen (entspricht document.querySelectorAll()).
• $_: Gibt den Wert des zuletzt ausgewerteten Ausdrucks zurück
• $0 bis $4: Geben Sie historische Verweise auf kürzlich überprüfte DOM-Elemente oder JavaScript an Heap-Objekte

Es ist wichtig zu beachten, dass $ zwar ein Alias ​​von document.querySelector() ist, $$ jedoch ein Array zurückgibt und keines von beiden strikt mit seiner jeweiligen Objektmethode identisch ist (z. B. $ ! == document.querySelector()).

Das obige ist der detaillierte Inhalt vonWas stellt die Variable $ in der Chrome Developer Console dar?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!