如何在Javascript中使用控件的ID和$进行函数调用？_Javascript_Jquery

如何在Javascript中使用控件的ID和$进行函数调用？

javascript jquery

如何在Javascript中使用控件的ID和$进行函数调用？,javascript,jquery,Javascript,Jquery,我有这个密码。。我无法在单击按钮时调用该函数。请帮忙。 [我不希望在输入标记中使用onclick方法] <head> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> $("btn").on("click",function(){ co

我有这个密码。。我无法在单击按钮时调用该函数。请帮忙。 [我不希望在输入标记中使用onclick方法]

<head>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        $("btn").on("click",function(){
                 console.log("Clicked_btn");
        });

      // Also tried :

        $("btn").click(function(){
                 console.log("Clicked_btn");
        });
    </script>
</head>
<body>
    <input type="button" id="btn" value="Click to Submit" />
</body>

这两种方法都不调用函数。。哪里出了问题？

请尝试正确使用，并将代码包装到文档就绪处理程序中

$(function(){
 $("#btn").on("click",function(){
    console.log("Clicked_btn");
 });
});

在运行javascript之前检查文档是否已加载，否则jQuery将无法找到输入元素：

$(function(){

   $("#btn").click(function(){
      console.log("Clicked_btn");
   });

});

你也可以

 $(document).on('click','#btn',function(){
       console.log("Clicked_btn");
 });

尝试以下代码，它应该可以工作：

  $(document).on('click', '#btn', function(){
             console.log("Clicked_btn");
  });

你可以这样做，这是更可取的

<head>
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
       $(document).ready(function (){
 $("#btn").on("click",function(){
    console.log("Clicked_btn");
 });
});

    </script>
</head>
<body>
    <input type="button" id="btn" value="Click to Submit" />
</body>``

在selectorI之前添加只会说：RTFM；我们得到了一个编辑，下面所有的答案现在都没有用了。对不起。。我在代码中有这一点，在StackOverflow上键入时，我遗漏了它..：当我尝试调试时，firefox上的firebug中出现了这个错误：错误：被分配了一个//sourceMappingURL，但已经有一个谢谢你了。。我没有使用ready函数。现在它起作用了。