如何隐藏div

时间:2015-03-07 11:15:52

标签: javascript php asp.net

我需要一些脚本。

  1. 通过点击页面上的任意位置隐藏div
  2. 通过单击按钮,图像或特定脚本来隐藏div
  3. 通过单击页面上的任意位置隐藏div(当div包含任何其他脚本时)

  4. 我目前正在使用

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

    这个工作正常div为什么div包含图像,但是当div包含像chitika,adsense或任何其他的广告脚本这样的脚本时它不起作用

    请告诉我该怎么做。

3 个答案:

答案 0 :(得分:1)

尝试使用this此选择器用于隐藏点击的div

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

答案 1 :(得分:0)

要隐藏它,你会做一些javascript和

您还需要包含Jquery库

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
$("#YourDivID").click(function (){     //inspect the ID might differ.
      $(this).hide();
  });

答案 2 :(得分:0)

此代码回答了您的第一个和第三个问题:

$( document.body ).click(function() {
document.getElementById(name of your div).style.display = 'none';
});

第二个问题:

<div id="testdiv">test</div>
<script>
    function hidediv(){
    document.getElementById("testdiv").style.display = 'none';
    }
</script>
<input type=button value="Click me" onclick="hidediv()">