按钮单击jQuery

时间:2013-10-08 09:12:03

标签: javascript jquery html ajax

我是jQuery的新手。我想使用按钮单击事件来引发警告框。这是我的代码,但它似乎无法工作。救命!请

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Jquery Basic</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $('submit1').click(function() {
                    alert("JQuery Running!");
                )};
            });
        </script>
    </head>
    <body>
        <a>JQuery Test Page</a><br>
        <input id="submit1" type="button" value="Submit"/>
    </body>
</html>

5 个答案:

答案 0 :(得分:23)

您错过了#选择器中的id。试试这个:

$(document).ready(function(){
    $('#submit1').click(function(){
        alert("JQuery Running!");
    });
});

答案 1 :(得分:3)

@Rory已发布的答案,但你也可以试试这个

$(document).ready(function(){
    $('#submit1').on('click',function(){
        alert("JQuery Running!");
    });
});

答案 2 :(得分:1)

#之前缺少id。如果您想根据#id进行选择,则需要使用.,如果您想根据css-class进行选择。

尝试$('#submit1').click(function(){

答案 3 :(得分:1)

如果你想获得输入i“textbox”的值,并将值放在它解决的段落“para1”中,如果你有疑问的话。我帮了。 :)

$(document).ready(function(){
    $("#submit1").click(function() {
        alert($("#textbox").val());
        $("#para1").text($("#textbox").val());
    });
});

答案 4 :(得分:1)

$(function(){
    $("#submit1").live('click',function() {
       alert("hi!");
    });
});