jQuery使用click的一个小坑_jquery click方法里面无法引用方法-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43242740/article/details/104745029

最近在初学jQuery，发现JS的onclick不能调用jQuery里面的方法。
经过百度，发现jQuery里面的里的click的作用跟JS的onclick差不多（具体区别请自行百度）

刚开始时我的代码是这样的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
</head>
<script src="js/jquery-3.4.1.js"/>
<script>
    $(document).ready(function () {
        $("#btn").click(function () {
            alert("点我成功")
        });
    });
</script>

<body>

<button id="btn">点我</button>

</body>
</html>

这跟网上的实例完全没问题，但是点击按钮却没有任何反应

后来代码改成这样，点击按钮就有作用了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
</head>
<script src="js/jquery-3.4.1.js"></script>
<script>
    $(document).ready(function () {
        $("#btn").click(function () {
            alert("点我成功")
        });
    });


</script>

<body>

<button id="btn">点我</button>

</body>
</html>