$
是 jQuery 的核心符号,是 jQuery
函数的别名。当出现 $ is not defined
错误时,意味着 JavaScript 引擎在当前作用域中找不到 $
符号的定义。
这个错误通常由以下几个原因导致:
$
符号$
被释放给其他库使用<!-- 在 <head> 或 <body> 中引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
确保 jQuery 在所有依赖它的脚本之前加载:
<!-- 正确顺序 -->
<script src="jquery.js"></script>
<script src="your-script.js"></script>
<!-- 错误顺序 -->
<script src="your-script.js"></script>
<script src="jquery.js"></script>
如果 $
被其他库占用,可以使用 jQuery
代替 $
:
jQuery(document).ready(function() {
// 使用 jQuery 代替 $
});
或者使用 noConflict 模式:
var $j = jQuery.noConflict();
$j(document).ready(function() {
// 现在使用 $j 代替 $
});
将代码包裹在 jQuery 的 ready 函数中:
$(document).ready(function() {
// 你的代码
});
// 或简写形式
$(function() {
// 你的代码
});
如果使用 CDN,确保 URL 正确且可访问。可以尝试使用不同的 CDN 源:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
jQuery
或 $
,查看是否定义<head>
或 <body>
的开头</body>
结束标签之前通过以上方法,应该能够解决 $ is not defined
的问题。