Che cosa significa == $ 0 (doppio uguale a zero dollari) significa in Chrome Developer Tools?

Question

Negli strumenti di sviluppo di Google Chrome, quando seleziono un elemento, vedo ==$0 accanto all'elemento selezionato. Cosa significa?

Answer 1

È l'ultimo indice nodo DOM selezionato. Chrome assegna un indice a ciascun nodo DOM selezionato. Quindi $0 punta sempre all'ultimo nodo selezionato, mentre $1 punterà al nodo selezionato prima. Pensala come una pila di nodi selezionati di recente.

A titolo di esempio, si consideri il seguente

<div id="sunday"></div> 
<div id="monday"></div> 
<div id="tuesday"></div> 

Ora si apre la console DevTools e selezionato #sunday, #monday e #tuesday nell'ordine citato, si otterrà ids come:

$0 -> <div id="tuesday"></div> 
$1 -> <div id="monday"></div> 
$2 -> <div id="sunday"></div> 

Nota: Potrebbe essere utile sapere che il nodo è selezionabile negli script (o console), ad esempio un uso popolare per questo è un rallelog ramma di selezione elemento, in modo da poter semplicemente scegliere il nodo, ed eseguire questo:

angular.element($0).scope() 

Voila si ha accesso al campo di applicazione del nodo via console.

Answer 2

$ 0 restituisce l'elemento o l'oggetto JavaScript selezionato più recentemente, $ 1 restituisce il secondo elemento selezionato più di recente e così via.

consultare: Command Line API Reference

Answer 3

Le altre risposte qui chiaramente spiegato cosa fa mean.I come per spiegare il suo uso.

È possibile selezionare un elemento nella scheda elements e passare alla scheda console in chrome. Basta digitare $0 or $1 o qualsiasi numero e premere invio e l'elemento verrà visualizzato nella console per l'uso.

Answer 4

FYI: $ 0 • non funziona in fase di esecuzione

setTimeout(() => console.log($0), 0); // $0 is not defined 

Esempio: