JQuery显示隐藏DIV的方法及代码实例_jquery

1. 如果在载入是隐藏：

复制代码 代码如下:

2. 动态隐藏和显示：

复制代码 代码如下:

               
               
                    
                    
                    
                    
               

               
               

               
                   

                    1     
                    2     

               

               
03     
                    04     

         

   
   

以上代码之前，可能还要加上这句话：

复制代码 代码如下:

 
使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。

$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';