Скрыть div после щелчка нажата

Question

У меня есть div, который я пытаюсь закрыть, когда кто-то нажимает на него.

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

Проблема заключается в том, что работает отлично, пока я использовать изображения. когда есть скрипт внутри div, он не работает.

Answer 1

Попробуйте следующее:

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

</script> 

Answer 2

Попробуйте это:

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

Как примечание стороны, я бы не использовать "DIV" в качестве идентификатора для дел. Я бы использовал что-то более конкретное, как «исчезающий див».

Вот пример:

$('#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 3

Try ...

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

... или ...

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

Оба эти параметра используют jQuery оптимально.

Answer 4

упрощать вещи

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