Hoe omgaan met de knop Klik op Evenementen in JQuery?

Ik moet een knop hebben en zijn evenement in jQuery behandelen. En ik schrijf deze code maar het werkt. Heb ik iets mis?

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

en in het JavaScript-bestand

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

Antwoord 1, Autoriteit 100%

U moet de gebeurtenishandler in de $ (DOCUMENT). READIG () EVENEMENT:

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

Antwoord 2, Autoriteit 10%

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

Antwoord 3, Autoriteit 6%

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

of

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

Zie documentatie voor meer informatie:
https://api.jquery.com/click/

Antwoord 4, autoriteit 3%

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

Antwoord 5, autoriteit 3%

Probeer dit:

$(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="https://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>

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

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