jquery隱藏元素的程式碼有哪些

jquery隱藏元素的程式碼：1、「指定元素物件.hide();」；2、「指定元素物件.toggle(1000);」；3、「指定元素物件.slideDown(); 」；4、「指定元素物件.css("display","none")」。

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery隱藏元素的多種方法：

1、使用hide()

hide() 可隱藏可見元素：

$("button").click(function(){
  $("p").hide();
});

hide()經常與show一起使用，用於切換顯隱

show()可顯示出隱藏元素。

$("button").click(function(){
  $("p").show();
});

2、使用toggle()方法

toggle() 方法切換元素的可見狀態。

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

$("button").click(function(){
  $("p").toggle(1000);
});

3、使用slideDown()方法

以滑動方式顯示隱藏元素

$("button"").click(function(){
  $("p").slideDown();
});

4、使用css()方法

使用css() 方法設定displays樣式來隱藏可見元素：

$("button"").click(function(){
  $("p").css("display","none");
  //
});

【推薦學習：jQuery影片教學、web前端影片】

以上是jquery隱藏元素的程式碼有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！