javascript中用Jquery注册button的click事件不能响应

 

-------------------------------------javascript中用Jquery注册button的click事件不能响应----------------------------------------------

 <script language="javascript" type="text/javascript" >

// 登录按钮的响应事件
 $("login").click(function() {
  alert("hello")
  //用jquery中的ajax方法，向服务器提交请求
     $.ajax({
     type: "POST",
     url: "loginServlet",
     data: "userId="+$("#userId").val()+"&password="+$("#password").val(),
     dataType:"text",
     success: callback
   });
 });
 //返回data数据的回调方法
 function callback(data){
  alert("hello")
     //取得jquery返回的data数据对象
     var jqueryObj=$(data);
     var text=jqueryObj.text();
     alert(text);
     //取得用于显示登陆信息的节点
     var resultObj= $("#result");
     resultObj.html(text);
 } 
 // 重置按钮的响应事件
 $("#reset").click(function() {
  $("#userId").attr("value", "");
  $("#password").attr("value", "");
 });

</script>

解析：这是因为html页面在装载的时候是一行一行解析的并且只解析一次，所以在页面装载后你单击你注册的按钮的时，他找不到单击事件的响应函数，所以无法执行

解决方法：把注册的单击事件写在函数中或写在ready()函数中因为ready()在转载时不时只解析一次并且不是解析全部元素。