顯示、隱藏

// show() $("#show").click(function(){$("p").show(); });// hide() $("#hide").click(function(){$("p").hide(); });

語法格式

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

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

callback
可選參數，隱藏或顯示完成后所執行的函數名稱
類似于回調函數

toggle()

用來切換hide()和show()方法
如果是顯示的，設為隱藏
如果是隱藏的，設為顯示

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

語法格式

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

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

callback
可選參數，隱藏或顯示完成后所執行的函數名稱
類似于回調函數

注意
1、$(selector)選中的元素的個數為n個，則callback函數會執行n次
2、callback函數名后加括號，會立刻執行函數體，而不是等到顯示/隱藏完成后才執行
3、callback既可以是函數名，也可以是匿名函數

當 callback 函數加上括號時，函數立即執行，只會調用一次
如果不加括號，元素顯示或隱藏后調用函數，會調用多次，有幾個元素調用幾次

總結

以上是生活随笔為你收集整理的jQuery的显示与隐藏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。