jquery讓div不顯示的方法

小編給大家分享一下jquery讓div不顯示的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

jquery讓div不顯示的方法：1、使用【attr()】方法配合display屬性來讓div不顯示；2、使用【CSS()】方法配合display屬性來讓div不顯示；3、使用【hide()】方法來讓div不顯示。

jquery讓div不顯示的方法：

方法1：使用attr()方法配合display屬性來讓div不顯示

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

拓展：

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

方法2：使用CSS()方法配合display屬性來讓div不顯示

$("div").css("display","none");//隱藏div

拓展：

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

方法3：使用hide()方法來讓div不顯示

hide() 方法隱藏被選元素。

提示：這與 CSS 屬性 display:none 類似。

• 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）。

提示：如需顯示隱藏的元素，請查看 show() 方法。

示例：

$("div").hide();//隱藏div
$("div").show();//顯示div

注：

• $("div").show()表示display:block,

• $("div").hide()表示display:none;

方法4：使用toggle()方法來讓div不顯示

toggle() 方法在被選元素上進行 hide() 和 show() 之間的切換。

該方法檢查被選元素的可見狀態。如果一個元素是隱藏的，則運行 show()，如果一個元素是可見的，則運行 hide() - 這會造成一種切換的效果。

注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）。

示例：

$("div").toggle(//動態顯示和隱藏
         function () { 
              $(this).attr("style","display:none;");//隱藏div
         },
         function () {    
              $(this).attr("style","display:block;");//顯示div
         }
      );

看完了這篇文章，相信你對jquery讓div不顯示的方法有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！