jQuery hide() 和 show()

通過 jQuery，您可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素。

其語法形式為：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可選的 speed 引數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。

$(document).ready(function(){
  $(".hidebtn").click(function(){
    $("div").hide(1000,"linear",function(){
      alert("Hide() 方法已完成!");
    });
  });
});
 

其實，在JQuery中還提供了一個toggle()方法，用於進行隱藏與顯示之間的轉換。

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

語法:

$(selector).toggle(speed,callback);

可選的 speed 引數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。