div的visibility可以控制div的顯示和隱藏，但是隱藏后頁面顯示空白.
style="visibility: none;"
document.getElementById("demo").style.visibility="hidden";//隱藏
document.getElementById("demo").style.visibility="visible";//顯示

注意：

使用第二方式更人性化，但是，用div.style.display="none"隱藏會引起，div里面的東西休眠，里面的事件就不響應了。

jQuery隱藏和顯示div的方式

1、$("#demo").attr("style","display:none;");//隱藏div
   $("#demo").attr("style","display:block;");//顯示div
2、$("#demo").css("display","none");//隱藏div
   $("#demo").css("display","block");//顯示div
3、$("#demo").hide();//隱藏div
   $("#demo").show();//顯示div
4、$("#demo").toggle(//動態(tài)顯示和隱藏
     function () { 
       $(this).attr("style","display:none;");//隱藏div
     },
     function () {  
       $(this).attr("style","display:block;");//顯示div
     }
   );
    <div id="demo"></div>

注：

$("#demo").show()表示display:block,
$("#demo").hide()表示display:none;

1和2中的display:none可以換成visibility:hidden，display:block可以換成visibility:visible.兩者的區(qū)別是前者隱藏后不占空間，而后者隱藏后會占空間

下面是腳本之家小編補充幾個例子

$("#top_notice").css("display", "block");//第1種方法
//$("#top_notice").attr("style", "display:block;");//第2種方法
//$("#top_notice").show();//第3種方法

1.給元素換class，來實現(xiàn)隱藏div，前提是換的class樣式定義好了隱藏屬性

復制代碼代碼如下:

$("#sendPhoneNum").attr("class", "n_input3");

1.2給元素設置style屬性

復制代碼代碼如下:

$("#top_notice").attr("style", "display:block;");

2.通過jquery的css方法，設置div隱藏

復制代碼代碼如下:

$("#sendPhoneNum").css("display", "none");

3.通過jquery的show()、hide()方法，設置div隱藏

復制代碼代碼如下:

$("#textDiv").show();//顯示div  

$("#imgDiv").hide();//隱藏div  

在程序設計中經(jīng)常用到div的顯示和隱藏，下面總結幾種方法：

復制代碼代碼如下:

<div id='demo'>示例</div>

1、$("#demo").attr("style","display:none;");//隱藏div

   $("#demo").attr("style","display:block;");//顯示div

2、$("#demo").css("display","none");//隱藏div

   $("#demo").css("display","block");//顯示div

3、$("#demo").hide();//隱藏div

   $("#demo").show();//顯示div

4、$("#demo").toggle(

       function () {

            $(this).attr("style","display:none;");//隱藏div

       },

       function () {

            $(this).attr("style","display:block;");//顯示div

       }

   );