DOM元素不显示

Jum*_*nov 2 html javascript jquery

我是Javascript的新手,我正在尝试测试以下代码

<html>
  <head>
  <script src="jquery/jquery.min.js">
  </head>
<body>
  <input type="button" value="Click button">
  <script type="text/javascript">
  $(function(){
    $('input')[0].on('click',function(){
      alert('button clicked');
    });  
   });
  </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

但是当我在浏览器中打开这个html文件时,按钮不会显示

MrC*_*ode 5

脚本标记需要一个结束标记,您已省略:

<script src="jquery/jquery.min.js"></script>
                                   ^ close
Run Code Online (Sandbox Code Playgroud)

通过将其保持打开状态,浏览器将脚本标记之后的所有内容视为脚本内容.

$('input')[0]的也不对.这是获取输入的DOM元素,它没有jQuery包装器,也没有.on()函数.如果您只想匹配第一个输入,那么:

$('input').first().on('click',function(){
Run Code Online (Sandbox Code Playgroud)