介绍
在使用 jQuery 进行前端开发时，你可能会遇到 $ is not a function 的错误信息。这个错误信息通常出现在你试图使用 jQuery 提供的方法却失败时。
原因
这个错误信息通常是由以下原因引起的：
- jQuery 库未正确引入：确保你已经将 jQuery 库正确地引入到你的 HTML 页面中。可以通过在页面头部添加如下代码引入 jQuery 库：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
jQuery 库与其他库冲突：如果你同时使用了多个 JavaScript 库，例如 MooTools 或 Prototype，它们可能会与 jQuery 冲突。解决这个问题的方法是修改你的代码，使其只调用一个库。
jQuery 版本过低：某些 jQuery 方法可能需要较新的版本才能正常工作。确保你正在使用最新的 jQuery 版本，或者至少使用支持所需方法的版本。
解决方案
- 确认 jQuery 库已正确引入：请确保你已经将 jQuery 库正确地引入到你的 HTML 页面中。可以通过在页面头部添加如下代码引入 jQuery 库：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
确认没有其他库与 jQuery 冲突：如果你同时使用了多个 JavaScript 库，例如 MooTools 或 Prototype，它们可能会与 jQuery 冲突。解决这个问题的方法是修改你的代码，使其只调用一个库。
使用
$的正确方式：在使用$之前，确认 jQuery 库已经被正确引入。如果你仍然遇到这个错误信息，那么有可能是$变量被其他库所占用。在这种情况下，你可以使用jQuery代替$。升级 jQuery 版本：如果你正在使用较旧的 jQuery 版本，请考虑升级到最新版本。如果你不能升级 jQuery 版本，那么请确保你正在使用支持所需方法的版本。
示例代码
下面是一个示例代码，演示如何通过正确引入 jQuery 库和使用 $ 来解决这个错误信息：
-- -------------------- ---- -------
--------- -----
------
------
------------- ----------
------- -----------------------------------------------------------
-------
------
---- ---------------- ------------
--------
-- -- - ----
---------------------------- -
---------------------------- -
------------ ---------
---
---
---------
-------
-------结论
$ is not a function 错误信息通常出现在使用 jQuery 进行前端开发时。这个错误信息可能是由 jQuery 库未正确引入、与其他库冲突或者使用 $ 的方式不正确等问题引起的。为了解决这个问题，你可以确认 jQuery 库已正确引入、确认没有其他库与 jQuery 冲突、使用 $ 的正确方式或者升级 jQuery 版本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27897