在某些网站上使用 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

Internet 上的许多网站都没有加载 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 的网站（例如用于开发目的）上安装 jQuery，you can inject it into the website。