如何处理按钮在jQuery中单击事件？

Question

我需要一个按钮，并在jQuery中处理它的事件。而我正在写这个代码，但它没有工作。我错过了什么？

<!-- Begin Button --> 
<div class="demo"> 
<br> <br> <br> 
<input id = "btnSubmit" type="submit" value="Release"/> 
<br> <br> <br> 
</div> 
<!-- End Button --> 

而在javascript文件

function btnClick() 
{ 
    // button click 
    $("#btnSubmit").button().click(function(){ 
     alert("button"); 
    });  
} 

Answer 1

你必须把事件处理程序中的$（document）。就绪（）事件：

$(document).ready(function() { 
    $("#btnSubmit").click(function(){ 
     alert("button"); 
    }); 
}); 

Answer 2

$("#btnSubmit").click(function(){ 
     alert("button"); 
    });  

Answer 3

<script type="text/javascript"> 

    $(document).ready(function() { 

    $("#Button1").click(function() { 

     alert("hello"); 

    }); 

    } 
    ); 

</script> 

Answer 4

件

对我的作品

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$("#btn").click(function() { 
    alert("email") 
}); 

</script> 

Answer 5

$(document).ready(function(){ 

    $('your selector').bind("click",function(){ 
      // your statements; 
    }); 

    // you can use the above or the one shown below 

    $('your selector').click(function(e){ 
     e.preventDefault(); 
     // your statements; 
    }); 


}); 

Answer 6

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
    $("#button").click(function(){ 
    alert("Hello"); 
    }); 
}); 
</script> 

<input type="button" id="button" value="Click me"> 

Answer 7

$('#btnSubmit').click(function(event){ 
    alert("Button Clicked"); 
}); 

或者您正在使用提交按钮，这样就可以像在形式上的validate事件编写代码

$('#myForm').validate(function(){ 
    alert("Hello World!!"); 
}); 

Answer 8

$('#btnSubmit').click(function(){ 
    alert("button"); 
}); 

或

//Use this code if button is appended in the DOM 
$(document).on('click','#btnSubmit',function(){ 
    alert("button"); 
}); 

更多信息，请参阅文档：
https://api.jquery.com/click/