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

【问题标题】：jQuery error - Uncaught ReferenceError: $ is not defined [duplicate]jQuery 错误 - 未捕获的 ReferenceError：$ 未定义 [重复]
【发布时间】：2015-07-11 23:42:40
【问题描述】：

<html>
<head>
    <title>JQuery beginning</title>
</head>
<body>
    <script type="type/javascript" src="js/jquery.js"></script>
    <p onclick="$(this).hide();">Test</p>
</body>
</html>

这是我的 html 文件。我已将下载的 js 文件放在包含上述 HTML 文件的文件夹内的 js 文件夹中。

当我点击“测试”而不是隐藏它时，我收到了Uncaught ReferenceError: $ is not defined。

【问题讨论】：

确保您输入了正确的路径位置。
我是一个初学者，请您指定如何解决这个问题
@ShaunakD 它也以这种方式工作jsfiddle.net/qmsq3Lqr
如果你去查看页面源然后点击jquery.js。如果显示找不到文件，则不包括文件。
@ShaunakD 它仍然有效，这是什么意思？

标签： javascript jquery html

【解决方案1】：

这意味着在js/jquery.js 中找不到jQuery.js。该文件必须不存在或位于另一个目录中。您应该检查它是否确实称为jQuery.js 而不是jquery-2.1.4.min.js。如果无法将其移动到正确的位置，请考虑使用 jQuery CDN：

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

此外，极力不鼓励使用内联 JavaScript。您应该像这样制作另一个脚本标签：

<script type="text/javascript">
    $(document).ready(function () {
        $("p").click(function () {
            $(this).hide();
        })
    })
</script>

【讨论】：

使用
@Anonymous 如果你包含我上面写的代码，但继续使用你的<script src="js/...，它有效吗？

【解决方案2】：

您需要将 jquery.min.js 包含到您的目录和页面中以实现 jquery 功能。

您可以按如下方式包含它：

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

否则你可以给本地目录路径，这个路径应该是特定的，像这样：

<script src="~/Scripts/jquery-1.8.2.min.js"></script>

然后在中实现您的代码：

<script type="text/javascript">
    $(document).ready(function () {
         // Your code here
    });
</script>

这将解决您的问题。

【讨论】：

【解决方案3】：

<html>
<head>
    <title>JQuery beginning</title>
</head>
<body>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

    <p id="para" onClick="$(this).hide();">Test</p>
</body>
</html>

use this ....................

【讨论】：