Jquery的click事件

Question

<script type="text/javascript" language="javascript">
$("#test").click(function() {
alert(1);
});
</script><button id="test">aaa</button>为什么点击完以后没有反应？？

Answer 1

<script type="text/javascript" language="javascript">
$(function(){//
   $("#test").click(function() {
      alert(1);
    });
})
</script>

Answer 2

因为你绑定的时候<button id="test">aaa</button>
还没渲染出来，所以你要把绑定的代码放到
<button id="test">aaa</button>下面或者$(function(){
  $("#test").click(function() {
  alert(1);
  });
})
window.onload = function(){
$("#test").click(function() {
  alert(1);
  });
}
都可以

Answer 3

$(document).ready(function(){
$("#test").click(function() {
  alert(1);
  });
})

Answer 4

$(document).ready(function(){
这里面的代码才是页面加载完毕之后开始执行，你写了代码但是没让他执行，当然没反应了，还有是不是没加载jquery.js文件，总之你的代码没有问题。});