JQuery顯示隱藏DIV的方法及程式碼實例_jquery

1. 如果在載入是隱藏：

複製程式碼 程式碼如下:

2. 動態隱藏與顯示：

複製程式碼 程式碼如下:

               
               
                <?php echo $ini_array['time.one']?>    
                <?php echo $ini_array['time.day']?>    
                <?php echo $ini_array['time.week']?>    
                <?php echo $ini_array['time.month']?>    
               

               
               

               
                   

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