如何處理按鈕在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/