いつコンソールで$がネイティブに利用できるようになりましたか？

Question

私は$がJQueryのlibの一部であり、ブラウザコンソールにオブジェクトとして存在することに驚いています。 （それは私の環境だけではわかりません）

しかし、私は.. $('#id')要素のdom idを取得することができます。私が以前にdocument.getElementById（ 'id'）を使って要素を取得していたところです。

MDNの$への参照が見つかりません。

どこでも$が利用可能ですが、ネイティブのjavascriptで要素を取得しても大丈夫ですか、それでもdocument.getElementByIdを使用する必要がありますか？

P. $(window).height();は、外部リソースが接続されていないローカルhtmlファイルのコンソールに次のものを貼り付けない限り、jQueryが使用されていないことが分かります。

(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

実際に、一部のブラウザコンソールでは、DOM要素を取得するために '$'という名前のショートガイド機能が追加されています。これはjQueryではなく、同じ関数名しか使用しません。 （$ Variable in Chrome?を参照してください）

jQueryは、古いブラウザで役立つ多くの機能を追加します。その間、ほとんどすべてのブラウザには、この機能のほとんどが既に組み込まれています。

DOM要素を取得する以外にjQueryが必要ない場合は、jQueryを含めないでください。詳細はhttp://youmightnotneedjquery.comをご覧ください。