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

我需要一个按钮并在 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");
});
}
624061 次浏览
小开 
 $("#btnSubmit").click(function(){
alert("button");
});
小开
最佳答案

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

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

<script type="text/javascript">


$(document).ready(function() {


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


alert("hello");


});


}
);


</script>
小开

我没问题

<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>
小开 
$(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;
});




});
小开 
<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(event){
alert("Button Clicked");
});

或者使用提交按钮，这样就可以在表单的验证事件中编写代码，如

$('#myForm').validate(function(){
alert("Hello World!!");
});
小开 
$('#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/

小开

试试这个:

$(document).on('click', '#btnClick', function(){
alert("button is clicked");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnClick">Click me</button>


提交答案