Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在jQuery中单击按钮_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript 在jQuery中单击按钮

Javascript 在jQuery中单击按钮,javascript,jquery,html,ajax,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

我不熟悉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>

jquerybasic
$(文档).ready(函数(){
$('submit1')。单击(函数(){
警报(“JQuery正在运行!”);
)};
});
JQuery测试页面
您的
id
选择器缺少
#
。试试这个:

$(document).ready(function(){
    $('#submit1').click(function(){
        alert("JQuery Running!");
    });
});
您的
id
前面缺少
。如果要基于
id
进行选择,则需要使用
;如果要基于
css类
进行选择,则需要使用


请尝试
$('#submit1')。单击(function(){

回答@Rory已经发布了,但您也可以尝试此操作

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

如果您想获得输入i“textbox”的值,并将该值放在段落“para1”中,它会解决您的疑问,如果您有疑问的话。我已经提供了帮助。:)


这是您的固定javascript。您必须选择带有#like in CSSIt不是我的按钮,但可能是因为您告诉其他人删除他们的重复答案,然后自己发布完全相同的答案。确实有点人手不足。但handler不同,所以我发布此答案并在第一行中提及。这也是一种方式。谢谢Rory!那么,嘿,如果我想在点击按钮时将输入文本框的值复制到一个段落中,我该怎么办呢?代码如下。点击有效。复制部分无效。@Sirakhil你可能想为此开始一个新问题,但类似于$x.click(function(){$p.append($input.val());$(document)。ready(function(){$(“#submit1”).click(function(){alert(“click”);$(“#para1”).val=$(“#textbox”).val;}});Name:Submit

p
标记没有值-您需要设置
文本:
$(“#para1”).text($(“#textbox!”.val”)
。或者查看我以前对
追加的注释
无需($).text>($(“#textbox”).val();“非常有魅力。再次感谢!!
$(document).ready(function(){
    $("#submit1").click(function() {
        alert($("#textbox").val());
        $("#para1").text($("#textbox").val());
    });
});
$(function(){
    $("#submit1").live('click',function() {
       alert("hi!");
    });
});