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

运行效果:

在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐