jquery - JQuery - 为什么我不能弹出警报（）？

Question

我最近开始学习 JQUery。虽然我昨天已经设法弹出警报，但我突然失败了。

$("circle").click(function(){
    alert("Gi");
});

#circle{
    width: 150px;
    height: 150px;
    background-color: green;
    position: relative;
    float: left;
    margin-left: 30px;
    border-radius: 100px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="circle">

</div>

所以当我点击我的圈子时，什么也没有发生（chrome浏览器）。我在这里想念什么？

标签： jquery

Answer 1

您需要#在选择器中使用 a 来获取他的元素id；

$("#circle").click(function(){
    alert("Gi");
});
    

#circle{
    width: 150px;
    height: 150px;
    background-color: green;
    position: relative;
    float: left;
    margin-left: 30px;
    border-radius: 100px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="circle">

</div>

jQuery ID 选择器