javascript - 在某些网站上使用 jQuery 函数会导致 Uncaught TypeError

Question

我正在通过在 Chrome 的控制台中编写一些代码来学习 jQuery，例如将 id 添加到 DOM 元素，然后执行 jQuery 函数。

在某些网站上(例如 Google )我收到 Uncaught TypeError ，而在其他网站上则没有。这是一个例子:

DOM修改:

<input id="test" aria-label="Szukaj w Google" name="btnK" type="submit" jsaction="sf.chk">

控制台:

$("#test").hide()

错误:

VM598:1 Uncaught TypeError: $(...).hide is not a function
at <anonymous>:1:12

其他网站上的相同流程(例如 StackOverflow )也有效。原因是什么？

Answer 1

互联网上的许多网站都没有加载 jQuery。这就是为什么你会收到错误消息 Uncaught TypeError: $(...).hide is not a function，因为实际上 $ 不是 jQuery，而是另一个函数、对象，或者只是未定义。

虽然你可以找到one of many versions of jQuery在许多网站上加载，一些公司/项目/网站不使用 jQuery，或者他们使用 custom build of it ，或 $ 符号下的其他内容，或者根本不存在。

<小时/>

在网站上，默认:

• $ 符号是 document.querySelector() 的别名
• 双$$ 符号是document.querySelectorAll() 的别名。

如果该特定网站没有使用其他实现(例如自定义函数、库、jQuery 等)覆盖这些变量。 More on this

归功于@AuxTaco

<小时/>

如果您需要在网站上安装 jQuery(例如，出于开发目的)，但它不存在，you can inject it into the website .