引入jquery出现:Uncaught ReferenceError: $ is not defined错误
引入jquery出现:Uncaught ReferenceError: $ is not defined错误html代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body&
·
引入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>
运行效果:

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


所有评论(0)