$ 什么时候开始可用于控制台？

Question

我知道 $ 是 JQuery 库的一部分，令我惊讶的是它作为对象存在于浏览器控制台中。（我不确定这是否只是我的环境）

但我可以.. $('#id') 获取元素的 dom id。在我之前一直使用 document.getElementById('id') 获取元素的地方。

我在 MDN 上找不到对 $ 的引用。

$ 现在到处都可用吗？在使用原生 javascript 获取元素时可以使用吗？还是我仍然应该使用 document.getElementById？

P.S。我知道我没有 jQuery 被使用，因为 $( window ).height(); 将无法工作，直到我将以下内容粘贴到我的控制台中的本地 html 文件中，没有附加外部资源。

(function(d, script) {
    script = d.createElement('script');
    script.type = 'text/javascript';
    script.async = true;
    script.onload = function(){
        // remote script has loaded
    };
    script.src = 'http://code.jquery.com/jquery-3.2.1.min.js';
    script.crossorigin = 'anonymous'
    d.getElementsByTagName('head')[0].appendChild(script);
}(document));

Answer 1

事实上，一些浏览器控制台添加了一个名为'$'的'shorthand'函数来获取DOM元素。这不是 jQuery 而是仅使用相同的函数名称。（参见 $ Variable in Chrome?）

jQuery 添加了很多对旧浏览器有用的功能。与此同时，几乎所有浏览器都已经内置了大部分此类功能。

因此，如果除了获取 DOM 元素之外，您不需要 jQuery 来做其他事情，则不应包含 jQuery。查看 http://youmightnotneedjquery.com 了解更多详细信息。

$ 什么时候开始可用于控制台？

When did the $ become natively available to the console?

javascript

jquery

google-chrome-console