$ Переменная в Chrome?

Я работал с инструментами разработчика google chrome на странице без jQuery (или любой другой библиотеки, которая использует знак $ как ярлык). Когда я проверил $ на консоли (просто набрав его и нажав enter), я получил следующее:

$
function () { [native code] }

Итак, chrome имеет некоторую нативную функцию, на которую можно ссылаться $. Только хром, похоже, имеет это, и я не могу получить к нему доступ через window['$'] или через document['$'] или this['$'].

Мне не удалось выяснить, что это за функция. Знаете ли вы, что он делает, и, может быть, есть какая-то справочная информация об этом? Спасибо заранее!

Ответы

Ответ 1

Это изменилось еще раз, даже с прошлого года.

Консоль devtools предоставляет $ как псевдоним document.querySelector, а также много других вещей; здесь выписанный список:

  • $(selector) возвращает ссылку на первый элемент DOM с указанным селектором CSS. Эта функция является псевдонимом для функции document.querySelector().
  • $$(selector) возвращает массив элементов, соответствующих указанному CSS-селектору. Эта команда эквивалентна вызову document.querySelectorAll().
  • $_ возвращает значение последнего оцениваемого выражения.
  • Команды $0, $1, $2, $3 и $4 работают как историческая ссылка на последние пять элементов DOM, проверенных на панели "Элементы" или последние пять объектов кучи JavaScript, выбранных в Панель профилей.

... и множество других.

Обратите внимание, как он вызывает $ псевдоним document.querySelector, но говорит, что $$ является "эквивалентным" вызову document.querySelectorAll. Кажется, что это не буквально верно; $ === document.querySelector - false, а $$ возвращает массив, а не NodeList.

Ответ 3

Существующие ответы устарели, $ не является псевдонимом для document.getElementById или document.querySelector, а оболочкой для querySelector. Эта оболочка фактически принимает необязательный второй аргумент для того, чтобы элемент запрашивал дочерний элемент.

Это семейство функций описано в разделе Консоль: выбор элементов:

Выбор элементов

Есть несколько ярлыков для выбора элементов. Это экономит ваше драгоценное время по сравнению с типизацией своих стандартных копий.

$() Возвращает первый элемент, который соответствует указанному селектору CSS. Это сокращение от document.querySelector().

$$() Возвращает массив всех элементов, соответствующих указанному селектору CSS. Это псевдоним для document.querySelectorAll()

$x() Возвращает массив элементов, соответствующих указанному XPath.

Однако эти значения являются только значениями по умолчанию в консоли. Если страница перезаписывает, включив что-то вроде jQuery, консоль будет использовать значение из самой страницы, а что-то вроде $('p') вернет объект jQuery, а не только первый элемент p.

Ответ 4

Судя по ссылке к инструментам dev, теперь она использует document.querySelector(), а не только getElementById().

Ответ 5

Два селектора в инспекторах Webkit, то же самое, что Mootools one: $ и $$

Вы можете найти информацию об этом, здесь

Они здесь, чтобы помочь вам в отладке.