<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
/*$(document).change(function (){
alert("Hello!");
});*/
  $("#ab").click(function(){
  alert("Hello!");
  });
</script>
</head>
<body class="pp">
<input type="button" value="测试按钮" id="ab" />
</body>
</html>

解决方案 »

  1.   

    文档没载入完毕呢 当然不会有效果$(document).ready(function() { //当文档载入后从此处开始执行代码
     $("#ab").click(function(){
          alert("Hello!");
          });
    }); 
      

  2.   

    重来!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="jquery.js">
    </script>
    <script type="text/javascript">  $("#ab").click(function(){
          alert("Hello!");
          });
    </script>
    </head>
    <body class="pp">
    <input type="button" value="测试按钮" id="ab" />
    </body>
    </html>
      

  3.   

    不会吧?除非jquery没有正确引入