2017-07-30 64 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

相关问题