Question

正如标题所述;我想点击它时隐藏div。那没有发生，我的代码出了什么问题？

<head>
  <script src="js/var_dump.js"></script>
  <script src="jquery-1.11.1.min.js"></script>
</head>
<body>
  <div id="kill">Disappear!</div>
  <script>
    $(document).ready(function() {
      $("#kill").click(function() {
        $("#kill").hide();
      })
    }}
  </script>
</body>

Answer 1

您的脚本末尾有一个}而不是)。语法错误。：/

除此之外，您可能无法正确引用您的jQuery文件，如下所示。

Answer 2

最后一行有一个坏括号，

$(document).ready(function(){
    $("#kill").click(function(){
        $("#kill").hide();
    });
});
 ^^

Answer 3

正如其他人所说，问题是语法错误。但是因为你想要隐藏与被点击的元素相同的元素，所以不需要再次使用选择器，你可以使用this来引用事件处理程序绑定到的元素，所以

＆＃13;

$(document).ready(function() {
  $("#kill").click(function() {
    $(this).hide();
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="kill">Disappear!</div>

＆＃13;

Answer 4

可能你可以试试

$( "body" ).on( "click", "#kill", function() {
  $("#kill").hide();
});

Answer 5

为此，没有必要链接jQuery，你可以更快更短地使用：

<div id="kill" onclick="this.style.display = 'none'">Disappear!</div>

http://jsfiddle.net/9w49jqx1/

Answer 6

许多人指出，我有一个语法错误。这是对我提供的信息的正确修复 - 但我正在回答我的问题，因为我已经告诉多个人它不起作用。

我忘了将子文件夹包含在我的脚本src中，oops。这一切都很好！

谢谢！

jQuery基础 - 通过ID隐藏

6 个答案: