如何处理button在jQuery中点击事件?

我需要一个button,并在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"); }); } 

您必须将事件处理程序放在$(document).ready()事件中:

 $(document).ready(function() { $("#btnSubmit").click(function(){ alert("button"); }); }); 
 $(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; }); }); 
  $("#btnSubmit").click(function(){ alert("button"); }); 
 <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"> 
 $('#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/

 <script type="text/javascript"> $(document).ready(function() { $("#Button1").click(function() { alert("hello"); }); } ); </script> 
 $('#btnSubmit').click(function(event){ alert("Button Clicked"); }); 

或者你正在使用提交button,所以你可以写你的代码在窗体的validation事件,如

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

为我工作

 <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>