jquery怎樣讓div不顯示

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

本教學操作環境：windows7系統、jquery3.5.1版本，此方法適用於所有品牌電腦。

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
         }
      );

相關免費學習推薦：JavaScript（影片）

#

以上是jquery怎樣讓div不顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！