jquery - 单击按钮时调用 jQuery

Question

我尝试在单击按钮时运行一些 jQuery 代码，但即使是最简单的示例也无法运行。

我的 jQuery 代码是这样的:

<script src="scripts/jquery-1.4.1.js"></script>
<script>
    $('#btn').click(function() {
        alert("Hello");
    });

</script>

我的 html 看起来像这样

<div>
    <input id="btn" type="button" value="button" />
</div>

但是当我单击按钮时什么也没有发生。

Answer 1

将代码包装在 document.ready 函数中

$(function(){
    $('#btn').click(function() {
        alert("Hello");
    });
});

或者将脚本代码放在正文标记末尾之前

在绑定(bind)事件处理程序之前，您需要等待页面加载时 dom 中的元素可用