JQuery

引入jquery出现：Uncaught ReferenceError: $ is not defin

2020-10-20 10:42发布

站内文章 / jQuery
890 0 0

在这里插入图片描述

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

查看浏览器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>12345678910111213141516171819

运行效果：

在这里插入图片描述


作者：水巷石子

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

来源：CSDN
著作权归作者所有，转载请联系作者获得授权。