2016-05-18 17 views
5

Wenn Sie auf "Inspect a element" oder auf ein Element in der Konsole klicken, können Sie == $0 neben ihm sehen.

Wofür steht das? Was ist das Dienstprogramm?

Sie können $0 in der Konsole eingeben und es wird das Element ausgeben, aber wie sollen Sie es verwenden?

+1

Erstes Ergebnis in Google: https://willd.me/posts/0-in-chrome-dev-tools – vaso123

+0

@lolka_bolka ja ich das gesehen habe, habe ich auch gesehen, die dritte nächste Antwort Ich bin nicht ganz dumm und so weiter, ich habe gelesen, dass du es benutzen kannst. Dann ist meine Frage, was ist das Dienstprogramm? –

Antwort

10

Es ist nützlich zum Debuggen und Spielen mit Elementen mit der Console API. Wenn Sie ein Element im Bedienfeld "Elemente" auswählen, wird es einem Stapel von Indexreferenzen hinzugefügt. $0 bezieht sich auf das zuletzt ausgewählte Element, $1 ist das zuvor ausgewählte Element und so weiter. Es erinnert sich an die letzten fünf Elemente $0 - $4.

Dies bedeutet, dass Sie schnell Funktionen aufrufen oder Attribute und Eigenschaften dieser zuvor ausgewählten Elemente ändern können, ohne einen Selektor wie document.getElementById('hplogo'); oder $('#hplogo') verwenden zu müssen. Beispiel unten:

Google

+0

Also dies bezieht sich als Javascript-Selektor und kann frei verwendet werden, als ob es eins wäre? Netter, ich werde daran denken, es zu versuchen! –

+0

@ Baldráni Ja, es gibt andere nützliche Funktionen, über die Sie in der Konsolen-API lesen können. Sie sind da, um Ihr Leben etwas einfacher zu machen, da das Debugging oft zeitraubende Schmerzen sein kann :) –