javascript - DOM 元素不显示

标签 javascript jquery html

我是 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>

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

最佳答案

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

<script src="jquery/jquery.min.js"></script>
                                   ^ close

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

此外,您的 $('input')[0] 也不正确。即获取输入的 DOM 元素,它没有 jQuery 包装器,也没有 .on() 函数。如果您尝试仅匹配第一个输入,则:

$('input').first().on('click',function(){

关于javascript - DOM 元素不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24427013/

相关文章:

javascript - Dart 中的 JSONP 回调

javascript - 图片、音乐、视频、youtube、flash 和 vimeo x 浏览器媒体播放器插件?

jquery - 纯 CSS 下拉菜单在其下方引入 jQuery 轮播时存在 z-index 问题

javascript - 无法从下拉列表中获取值(kedo drop down)

javascript - Bootstrap 中的水平和垂直可滚动表

php - Mysql、php 和 html 表单同步

html - 你如何制作一个 100% 宽度的表格,其中的列宽度都相等?

javascript - Episerver CMS,我想使用 CMS 发布一个简单的通知。我不熟悉 CMS。

javascript - 如何为 QuickTime Player 制作自定义 UI 控件?

jquery - 将灰度滤镜应用于 div