学习jQuery,但什么都没发生?

时间:2013-02-01 17:05:17

标签: jquery function click

我正在尝试使用jQuery,但由于某种原因,当我点击按钮时没有发生任何事情。我试过以多种方式操作代码,但仍然没有任何反应

我正在使用Firefox,javascript工作正常。

这是我的代码:

<!DOCTYPE html>
<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <style>
        body {
            background-color:royalblue; 
            margin:0px;
        }

        #div_header {
            background-color:black;
            height:200px;   
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function() {
            $("button").click(function() {
                $("#div_header").hide();
            });
        });
    </script>
</head>
<body>
    <div id="div_header">
        <button type="button">Click me!</button>
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:5)

脚本源值不正确。将其更改为

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>