为什么我调用的JQuery方法都给出了“非函数”错误？

Question

我正在调试页面（使用Chrome Web开发人员工具），此页面肯定包含JQuery作为库。例如，当我输入命令$（“＃desktop-header”）时，我返回了一个带有ID desktop-header的Div对象。所以我知道它就在那里。

问题是，一旦我拥有该对象，我尝试调用的任何其他JQuery方法都不起作用。

$（“＃desktop-header”）---＆gt;返回ID为“desktop-header”的div对象

$（“＃desktop-header”）。html（）---＆gt; “TypeError：$（...）。html（）不是函数”

$（“＃desktop-header”）。css（“width”）---＆gt; “TypeError：$（...）。css（）不是函数” 等。

我在某处读到这是因为$（...）返回一个DOM对象，这些函数用于JQuery对象。但是当我查看如何获取JQuery对象时，他们似乎使用了与我完全相同的代码，IE使用$（...）。我也在网上找到很多像$（“＃div-id”）。html（）这样的例子，它们似乎工作得很好。那么为什么我会收到所有这些错误？

我对JQuery很新，所以如果答案显而易见，我会事先道歉。任何援助将不胜感激。非常感谢你。

Answer 1

Chrome内置的快捷方式恰好是$，因为只有$(selector)，并不意味着它是jQuery。

Documentation do $() in Dev Tools

  

document.querySelector()返回对具有指定CSS选择器的第一个DOM元素的引用。此函数是src/main/resource/templates/函数的别名。