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

【问题标题】：Error "Uncaught ReferenceError: $ is not defined" [duplicate]错误“未捕获的 ReferenceError：$ 未定义”[重复]
【发布时间】：2023-03-04 18:59:01
【问题描述】：

我开始研究“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

标签： javascript jquery

【解决方案1】：

您需要包含 jQuery。尝试将此添加到您的<head>：

<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>

【讨论】：