Question

我有一个div，当有人点击它时，我试图关闭它。

$(#div).click(function () {
    document.getElementById('#div').style.display = 'none';
});

问题是它工作正常，直到我使用图像。当div中有脚本时，它不起作用。

Answer 1

试试这个：

$('#div').click(function () {
    $(this).hide();
});

作为旁注，我不会使用“div”作为div的id。我会使用更具体的东西，比如“disappearingDiv”。

以下是一个例子：

$('#div').click(function () {
    $(this).hide();
});

#div{
  height:100px;
  width:100px;
  background-color:#666666;
  
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div"> </div>

Answer 2

请尝试以下操作：

<script>
$("#div").click(function () {
document.getElementById('div').style.display = 'none';
});

</script>

Answer 3

尝试......

$("#div").click(function () {
    $(this).css("display", 'none');
});

......或......

$("#div").click(function () {
    $(this).hide();
});

这两者都以最佳方式使用jQuery。

Answer 4

简化事情

＆＃13;

<div id="div" onclick="this.style.display = 'none';">
  Here is the div
  <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRgDKJeeHPHtfNrm4Z9ghtI-8l6Bpdb-Vf0vcyk4cM9ZWSWWJsXYxmOQ3Q">
  </div>

＆＃13;

单击后隐藏div

4 个答案: