JQuery顯示、隱藏div的幾種方法簡明總結，jquerydiv幾種方法

JQuery顯示、隱藏div的幾種方法簡明總結，jquerydiv幾種方法

例子
複製代碼 代碼如下:
$("#top_notice").css("display", "block");//第1種方法 
//$("#top_notice").attr("style", "display:block;");//第2種方法 
//$("#top_notice").show();//第3種方法 

 
1.給元素換class，來實現隱藏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 

在程式設計中經常用到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
       }
   );
 
僅供大家參考！