在buttonclick上调用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");
    });
});

或者将您的脚本代码放在body标记的末尾

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