使用 hide和 show方法來隱藏和顯示 HTML 元素

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

　　例項

　　$("#hide").click(function(){

　　$("p").hide();

　　});

　　；//爬蟲IP獲取；

　　$("#show").click(function(){

　　$("p").show();

　　});

　　嘗試一下»

　　語法:

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

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

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

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

　　下面的例子演示了帶有speed引數的hide()方法：

　　例項

　　$("button").click(function(){

　　$("p").hide(1000);

　　});

　　嘗試一下»

　　下面的例子演示了帶有speed引數的hide()方法，並使用回撥函式：

　　例項

　　$(document).ready(function(){

　　$(".hidebtn").click(function(){

　　$("div").hide(1000,"linear",function(){

　　alert("Hide()方法已完成!");

　　});

　　});

　　});

　　嘗試一下»

　　第二個引數是一個字串，表示過渡使用哪種緩動函式。（譯者注：jQuery自身提供"linear"和"swing"，其他可以使用相關的外掛）。

　　jQuery toggle()

　　透過jQuery，您可以使用toggle()方法來切換hide()和show()方法。

　　顯示被隱藏的元素，並隱藏已顯示的元素：

　　例項

　　$("button").click(function(){

　　$("p").toggle();

　　});

　　嘗試一下»

　　語法:

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

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

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