问题描述：
当你在使用 jQuery 时，可能会遇到类似于" $ is not a function " 的报错信息，这意味着代码尝试调用一个名为 $ 的函数，但是这个函数并未定义或者没有被正确加载。
解决方法：
- 引入 jQuery 库
请确保你已经在 HTML 文件中引入了 jQuery 库，可以通过以下方式引入：
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
在此示例中，我们使用的是 jQuery 版本为 3.5.1 ，当然你也可以使用其他版本的 jQuery 库。
- 释放 $ 符号
在 jQuery 中，$ 符号通常被用作一个简写方式，但是在一些情况下，它可能已经被占用或被其它库使用了。如果你确定没有冲突，或者你已经解决了其他库的冲突，你可以使用以下代码进行 $ 符号释放。
jQuery.noConflict();
在执行这个代码后， $ 符号就不再被 jQuery 使用，你需要将其替换成 jQuery，如下所示：
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").html("Hello World!");
});
});
示例1：
假设我们有以下的 HTML 文件：
<!DOCTYPE html>
<html>
<head>
<title>示例 1</title>
</head>
<body>
<button>点击</button>
<p></p>
<script>
$("button").click(function(){
$("p").text("Hello World!");
});
</script>
</body>
</html>
当我们打开网页时，会得到如下报错信息：Uncaught ReferenceError: $ is not defined。
这是因为我们没有引入 jQuery 库，所以需要在 head 标签中添加以下代码：
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
示例 2：
假设我们已经引入了 jQuery 库，并且在 js 中使用了 $ 符号，但是在另一个 js 文件中也使用了 $ 符号并且发生了冲突，导致报错如下：TypeError: $ is not a function。
为了解决这个问题，我们可以使用 jQuery.noConflict() 方法，释放 $ 符号并替换成 jQuery，代码如下：
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".button").click(function(){
jQuery("p").html("Hello World!");
});
});
在这个例子中，我们将所有使用 $ 符号的代码全部替换成了 jQuery，这样就解决了 $ 符号被占用或冲突的问题。
综上所述，以上是“js报$ is not a function 的问题的解决方法”的完整攻略，其中包含两个示例说明。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：js报$ is not a function 的问题的解决方法 - Python技术站
微信扫一扫 
支付宝扫一扫 