Question

<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，而不是被隐藏。

Answer 1

这意味着jQuery.js无法找到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>

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

这将解决您的问题。

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

jQuery错误 - 未捕获的ReferenceError：$未定义

3 个答案: