jQuery onClick event

问题

Cant seem to get this working. Any help would be great. I am somewhat of a beginner with jquery.

$('#add_button').click(function () {
    $("#add_button").hide();
});

Here is the HTML

<input id='add_button' type='submit' class='add_now' value='' />

Seems simple enough, but clicking on the input does nothing. Is there a different method for targeting inputs? Thanks.

回答1:

Make sure you include jQuery before your script:

<script src="http://code.jquery.com/jquery-latest.js"></script>

And put your code inside a document-ready function:

$(document).ready(function () {
    $('#add_button').click(function () {
        $("#add_button").hide();
    });
});

回答2:

You should add return false; to prevent the browser's default action.

回答3:

Return false from your function.

回答4:

The problem might be that your jQuery is above the form. Try to move it below your HTML.

来源：https://stackoverflow.com/questions/5697058/jquery-onclick-event