非常基本的jQuery代码无法正常工作

时间:2016-11-23 23:20:48

标签: javascript jquery

我在jQuery上编程,我遇到了一个奇怪行为的页面:非常基本的jQuery / javascript功能根本无法正常工作。我有#34的心态;如果它不起作用,那么它是我的错,而不是编程语言",但显然在这种情况下,这不是真相。这是代码:

<html>
<head>
</head>
<body>


<script>

    $(document).ready(function(){

        $("#id3").click(function(){

            alert("ada");

        });

    });

</script>

<button type="button" id="id3">id</button>

</body>
</html>

这段代码位于我的localhost上的一个页面中,其中有几个其他页面具有正常工作的jQuery函数。老实说,我不知道为什么或如何使用这个简单的代码。

赞赏任何见解

1 个答案:

答案 0 :(得分:0)

您需要使用script标记引用JQuery库。没有它,您的浏览器将无法知道库提供的特殊语法和对象。

$(document).ready(function(){

        $("#id3").click(function(){
            alert("ada");
        });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="id3">id</button>