一个简单的jquery出不来

<!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=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript" src="jquery-1.3.2.js"></script><script language="javascript">
$("#run").click(function(){
  alert("abc");
}); 
</script>
<body>
<button id="run">Run</button><div></div> 
</body>
</html>

解决方案 »

  1.   


    <body> 
    <button id="run">Run </button> <div> </div> 
    <script>
    $("#run").click(function(){ 
      alert("abc"); 
    }); 
    </script> 
    </body> 
      

  2.   

    要么script放在其要用到的页面元素下面，要么把代码放进jquery.ready()里面，也就是等页面载入完成之后再执行$.ready(function(){
    $("#run").click(function(){ 
      alert("abc"); 
    }); 
    });
      

  3.   


    <!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=gb2312" /> 
    <title>无标题文档 </title> 
    </head> 
    <script language="javascript" src="jquery-1.3.2.js"> </script> <script language="javascript"> 
    $(document).ready(function() {
        $("#run").click(function() {
            alert("Hello,world.");
        });
    })
    </script> 
    <body> 
    <button id="run">Run </button> <div> </div> 
    </body> 
    </html>
      

  4.   


    原理： 调用DOM元素时 要保证该元素加载后才能调用。
      

  5.   

    $.ready(function(){}即加载元素后执行大括号里的内容，所以吧你的代码加入到大括号内即可
      

  6.   


    用IE8或者ff firebug調試js
      

  7.   

    button还没有加载出来，你就要用JS去获取Button对象，并且进行操作，他只能报错了。
    报一个找不到对象的错误，只不过jquery进行了封装，找不到对象不报错，但是测有反应。