引入jquery出现：Uncaught ReferenceError: $ is not defined错误

最新推荐文章于 2024-05-10 21:42:46 发布

水巷石子

最新推荐文章于 2024-05-10 21:42:46 发布

阅读量5.4k

点赞数 4

分类专栏： jquery 文章标签： js javascript jquery

本文链接：https://blog.csdn.net/qq_37924905/article/details/108636758

版权

jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

引入jquery出现：Uncaught ReferenceError: $ is not defined错误

在这里插入图片描述

html代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
用户名:<input id="inputId" type="text" name="username" value="学编程"/>

<script type="text/javascript">
        //2:获取输入框架
        var $inputId = $("#inputId");
        // 3:获取value对应的值
        alert($inputId.val());
</script>
<script src="js/jquery-3.1.0.min.js"></script>
</body>
</html>

查看浏览器network。发现jquery引入成功，状态是200

在这里插入图片描述

查阅相关资料后，发现是jquery引入的顺序错了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HnX1kajK-1600308375472)( 在这里插入图片描述
)]

修改后的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="js/jquery-3.1.0.min.js"></script>
<body>
用户名:<input id="inputId" type="text" name="username" value="学编程"/>

<script type="text/javascript">
        //2:获取输入框架
        var $inputId = $("#inputId");
        // 3:获取value对应的值
        alert($inputId.val());
</script>

</body>
</html>