2017-07-30 61 views
2

我知道$是JQuery的lib的一部分,我很驚訝它存在於瀏覽器控制檯中的一個對象。 (我不確定這是否僅僅是我的環境)

但我可以做.. $('#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)); 
+2

'我無法在MDN上找到對$的引用。「 - 你的意思是? https://developer.mozilla.org/en-US/docs/Tools/Web_Console/The_command_line_interpreter#Helper_commands - 注意,這些幫助程序命令**只能在開發人員工具控制檯中使用** - 它們對於JavaScript中的「不可用」一個網頁感 –

+0

是的,我嘗試在mdn搜索中鍵入$,並得到一個空的搜索結果。謝謝你。 – Jonathan002

+0

我搜索了*開發人員工具控制檯命令*:p –

回答

2

實際上,一些瀏覽器控制檯添加了名爲'$'的'簡寫'函數來獲取DOM元素。這不是jQuery,但只使用相同的函數名稱。 (請參閱$ Variable in Chrome?

jQuery增加了許多對舊版瀏覽器有用的功能。與此同時,幾乎所有的瀏覽器都已經內置了大部分功能。

因此,如果你不需要jQuery來獲取DOM元素以外的東西,那麼你不應該包含jQuery。有關更多詳細信息,請參閱http://youmightnotneedjquery.com

+1

另外,這裏是在控制檯API中有$'的文檔:https://developers.google.com/web/tools/chrome-devtools/console /命令行參考 – DelightedD0D

相關問題