Welchen Zweck hat die Variable $ in der Developer Tools-Konsole von Chrome?

$-Variable in Chrome

Frage:

Beim Erkunden der Entwicklertools von Chrome Bei einer Seite ohne jQuery wurde ein eigenartiges Verhalten beobachtet. Durch die Eingabe von „$“ in die Konsole wurde eine Funktion mit nativem Code zurückgegeben. Auf diese Funktion konnte nicht über window['$'], document['$'] oder this['$'] zugegriffen werden, und ihr Zweck bleibt rätselhaft.

Antwort:

Die $-Variable in der Devtools-Konsole von Chrome hat mehrere Änderungen erfahren. Es dient derzeit als Alias ​​für document.querySelector und bietet zusätzliche Funktionalität:

• $(selector): Gibt einen Verweis auf das erste DOM-Element zurück, das mit dem CSS-Selektor übereinstimmt, ähnlich wie document.querySelector().
• $$(selector): Gibt ein Array von Elementen zurück, die dem CSS-Selektor entsprechen, und ersetzt effektiv document.querySelectorAll().
• $_: Speichert den Wert des zuletzt ausgewerteten Ausdrucks.
• $0, $1, $2, $3 und $4: Geben Sie historische Verweise auf die letzten fünf überprüften DOM-Elemente an im Bedienfeld „Elemente“ oder in JavaScript-Heap-Objekten im Bedienfeld „Profile“.

Bemerkenswert ist, dass $$ document.querySelectorAll() nicht buchstäblich aufruft, da es ein Array anstelle einer NodeList zurückgibt.

Chrome ist der einzige Browser, der diese $-Variable verfügbar macht, die als praktische Verknüpfung für die Interaktion mit DOM-Elementen und den Zugriff auf verschiedene Ausdrücke und Objekte innerhalb der Entwicklertools-Konsole dient.

Das obige ist der detaillierte Inhalt vonWelchen Zweck hat die Variable $ in der Developer Tools-Konsole von Chrome?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!