jQuery没有'；t在记事本上工作++；_Jquery_Html

jQuery没有'；t在记事本上工作++；

jquery html

jQuery没有'；t在记事本上工作++；,jquery,html,Jquery,Html,我对jQuery的简单练习没有什么问题。代码很短，所以我将把它全部放在这里： <html lang="en"> <head> <meta charset="UTF-8"> <title>fast exercise</title> <script scr="jquery.js"></script> <script> $(document).ready(fu

我对jQuery的简单练习没有什么问题。代码很短，所以我将把它全部放在这里：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fast exercise</title>
    <script scr="jquery.js"></script>
    <script>
        $(document).ready(function(){
            $("#btn1").click(function(){
                $("#main").text("The width of the element is " + $("#main").width() +"px and height is " + $("#main").height() + "px.")
            });
        });

    </script>
    <style>
        #main {
            width: 300px;
            height: 300px;
            background: red;
            color: black;
            padding: 30px;
            border: 2px solid black;
            margin: 5px;
        }
    </style>
</head>
    <body>
        <button id="btn1">Click here to see basic measurements</button>
        <div id="main">
            <p>This is div called "main"</p>
        </div>
    </body>
</html>


快速运动
$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“#main”）.text（“元素的宽度为”+$（“#main”）.width（）+“px，高度为”+$（“#main”）.height（）+“px”。）
});
});
#主要{
宽度：300px；
高度：300px；
背景：红色；
颜色：黑色；
填充：30px；
边框：2件纯黑；
保证金：5px；
}
单击此处查看基本测量值
这是名为“main”的div

我只是个初学者，但我已经掌握了一些基本知识。当我使用按钮时，我看不到任何反应。我使用记事本++和最新的jQuery版本。例如，当我从我用来学习的网站下载相同的文件时，它是有效的，但如果我自己创建它，它就不是。很抱歉这么简单的问题，但它真的磨我的齿轮。有什么想法吗？提前谢谢你

这是您的

脚本

标记中的输入错误，请更改

scr

<script scr="jquery.js"></script>

我尝试了代码和它的工作。你在控制台中遇到了什么错误？@Swellar你不应该在编辑中更改文件的路径。这本身可能就是错误所在sorry@Weeanerd您在脚本标记中输入了一个拼写错误，

scr

，而不是

src

<script src="jquery.js"></script>