错误“未捕获的 ReferenceError:$ 未定义”[重复]

Posted

技术标签:

【中文标题】错误“未捕获的 ReferenceError:$ 未定义”[重复]【英文标题】:Error "Uncaught ReferenceError: $ is not defined" [duplicate] 【发布时间】:2017-03-06 12:13:52 【问题描述】:

我开始研究“javascript”。

html源代码中

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <button id="test_button">Test</button>
    <p id="test">Hello World</p>

    <!-- script -->
    <script src="test.js"></script>
</body>
</html>

在javascript源代码中

"use strict";

$(function() 
document.getElementById("test_button").onclick = test_click;
function test_click() 
    document.getElementById("test").innerHTML = "HI";

);

哪里出错了?

【问题讨论】:

如果你要使用'$',你需要加载jQuery库。 确保你已经按照上面 James 的建议加载了 jQuery。小提琴:jsfiddle.net/j55bhbhk 【参考方案1】:

您需要包含 jQuery。尝试将此添加到您的&lt;head&gt;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

【讨论】:

【参考方案2】:

$ 是 jQuery 库的别名。在这种情况下,您根本不需要 jQuery。您可以只执行该 IIFE(立即调用的函数表达式),它应该可以正常工作。

"use strict";

(function() 
document.getElementById("test_button").onclick = test_click;
function test_click() 
    document.getElementById("test").innerHTML = "HI";

)();
<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <button id="test_button">Test</button>
    <p id="test">Hello World</p>

    <!-- script -->
    <script src="test.js"></script>
</body>
</html>

【讨论】:

以上是关于错误“未捕获的 ReferenceError:$ 未定义”[重复]的主要内容,如果未能解决你的问题,请参考以下文章

DataTable 错误:未捕获的 ReferenceError:未定义 jQuery

jQuery 错误 - 未捕获的 ReferenceError:$ 未定义 [重复]

未捕获的 ReferenceError:“$ 未定义”[重复]

颤振网页错误。未捕获的 ReferenceError:未定义 firebase

为啥使用 laravel vue 在桌面通知中出现错误“未捕获的 ReferenceError:Vue 未定义”?

Asp .net 中的错误:未捕获的 ReferenceError:HTMLButtonElement