Javascript JS代码没有'；t工作，尝试在css课程中进行演示_Javascript_Jquery_Css_Visual Studio Code

Javascript JS代码没有'；t工作，尝试在css课程中进行演示

javascript jquery css visual-studio-code

Javascript JS代码没有'；t工作，尝试在css课程中进行演示,javascript,jquery,css,visual-studio-code,Javascript,Jquery,Css,Visual Studio Code,但是有一个使用JS和CSS的演示。我已经试着修复了大约3-4个小时（仅供参考，经过两个小时的努力，我已经找到了一半的解决方案。我正在使用Safari，但应该-webkit transform）现在我已经尝试了直接添加到元素中的css，它起了作用，但使用JS不起作用我已经下载了jquery-1.11.3.js并导入了它（3:45:55）当我点击时，什么也没发生。为什么 Login.html <html xmlns="http://www.w3.org/1999/xhtml">

但是有一个使用JS和CSS的演示。我已经试着修复了大约3-4个小时

（仅供参考，经过两个小时的努力，我已经找到了一半的解决方案。我正在使用Safari，但应该

-webkit transform

）现在我已经尝试了直接添加到元素中的css，它起了作用，但使用JS不起作用

我已经下载了

jquery-1.11.3.js

并导入了它

（3:45:55）

当我点击时，什么也没发生。为什么

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> </title>
    <link rel='stylesheet' type="text/css" href='LoginCSS.css' />
</head>
<body>
    <div id="banner">Please Login!</div>
    <form>
        <div>
            <label for="name">Name:</label>
            <input type="text" name="name" />
        </div>
        <div>
            <label for="email">Email:</label>
            <input type="text" name="email" />
        </div>
        <div id="demoButton" class="default">
            Submit!
        </div>
    </form>
    <script src="jquery-1.11.3.js"></script>
    <script>
        $(function () {
            $('#demoButton').mousedown(function () {
                $(this).removeClass('default');
                $(this).addClass('shrink');
            });
            $('#demoButton').mouseup(function () {
                $(this).removeClass('shrink');
                $(this).addClass('default');
            }); 
        });
    </script>

</body>

不使用JQuery，您可以使用CSS使用

：active

#demoButton:active {
    transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
}

文件：

什么不起作用？至少告诉我们你期望的行为。我期望当我点击demoButton div时它是最好的方式，但不幸的是，它可能不会在课堂上得到他们的分数…哦，好吧。。。不可能全部赢；）

#demoButton:active {
    transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
}