[jquery] jQuery에서 버튼 클릭 이벤트를 처리하는 방법은 무엇입니까?

jQuery에서 버튼을 가지고 이벤트를 처리해야합니다. 그리고이 코드를 작성하고 있지만 작동하지 않습니다. 내가 뭐 놓친 거 없니?

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

그리고 자바 스크립트 파일에서

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

답변

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

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

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

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

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

<script type="text/javascript">

    $(document).ready(function() {

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

        alert("hello");

    });

    }
    );

</script>