Что означает == $ 0 (double equals dollar zero) в инструментах разработчика Chrome?

В инструментах разработчика Google Chrome, когда я выбираю элемент, я вижу ==$0 рядом с выбранным элементом. Что это значит?

Скриншот

Это последний выбранный индекс узла DOM. Chrome назначает индекс для каждого выбранного узла DOM. Таким образом, $0 всегда будет указывать на последний выбранный вами узел, а $1 укажет на выбранный вами узел до этого. Подумайте об этом, как стек самых недавно выбранных узлов.

В качестве примера рассмотрим следующие

 

Теперь вы открыли консоль devtools и выбрали #sunday , #monday и #tuesday в указанном порядке, вы получите идентификаторы:

 $0 -> 
$1 ->
$2 ->

Примечание. Может быть полезно знать, что узел можно выбрать в ваших сценариях (или в консоли), например, одним из популярных способов использования является селектор угловых элементов, поэтому вы можете просто выбрать свой узел и запустить его:

 angular.element($0).scope() 

Voila вы получили доступ к узлу с помощью консоли.

$ 0 возвращает последний выбранный элемент или объект JavaScript, $ 1 возвращает второй последний выбранный и т. Д.

См. Справочник API командной строки

Другие ответы здесь четко объясняют, что это значит. Мне нравится объяснять его использование.

Вы можете выбрать элемент на вкладке « elements » и перейти на console вкладку в хром. Просто введите $0 or $1 или любой другой номер и нажмите enter, и элемент будет отображаться в консоли для вашего использования.

скриншот из hrome dev tools

Я скажу, что это просто сокращенный синтаксис для получения ссылки на элемент html во время отладки, обычно эта задача выполняет эти методы

 document.getElementById , document.getElementsByClassName , document.querySelector 

поэтому нажатие на элемент html и получение контрольной переменной ($ 0) в консоли – это огромная экономия времени в течение дня

  • Как проверить правильность данной строки JSON в Java
  • Убедитесь, что вход в UITextField только числовой
  • Добавление базового HTTP-аутентификации в службу WCF REST
  • Проверка верстки ViewModel для списка
  • Проверка даты с помощью проверки подлинности ASP.NET
  • Проверка адреса электронной почты в Android на EditText
  • как проверить текст edittext - это адрес электронной почты или нет?
  • ASP.NET MVC - Пользовательское сообщение проверки для типов значений
  • accepts_nested_attributes_ для неудачной проверки дочерней ассоциации
  • Фильтр аутентификации и сервлет для входа в систему
  • Как проверить, включено ли хотя бы одно из нескольких полей ввода?
  • Interesting Posts

    Самый простой способ разделить строку на новые строки в .NET?

    Данные метаданных об ошибках Google Play Services v13 в AndroidManifest

    nodejs – http.createServer, похоже, дважды звонит

    Проверка бонуса @NotNull, @NotBlank и @NotEmpty не работают в JSF + Tomcat

    использовать переменную для имени таблицы в mysql sproc

    Как поместить комментарий линии для многострочной команды

    Bootstrap 3 не может правильно отобразить глификон

    Как создать строку Java из содержимого файла?

    В клон StackOverflow, какая связь должна иметь таблица комментариев в вопросах и ответах?

    Могу ли я заставить Windows 7 изменять настройки моего прокси-сервера на основе моего сетевого подключения?

    Как создать документ в Документах Google программно?

    Невозможно загрузить rJava на R

    Многострочный текст в JLabel

    Событие Click на элементе выбора опции в хроме

    Как настроить tomcat для привязки к одному IP-адресу (localhost) вместо всех адресов?

    Давайте будем гением компьютера.