通過hide()和show()方法來隱藏和顯示HTML元素
代碼如下
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
可選的 speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數是隱藏或顯示完成後所執行的函數名稱
如果我們希望顯示與隱藏時是漸顯漸隱效果可以在hide()中加時間
代碼如下$("#hide").click(function(){
$("p").hide(1); //調用為1豪秒
});
$("#show").click(function(){
$("p").show(1);//調用為1豪秒
});
jQuery toggle()
通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。
顯示被隱藏的元素,並隱藏已顯示的元素:
實例
代碼如下 $("button").click(function(){
語法:
$(selector).toggle(speed,callback);
可選的 speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數是 toggle() 方法完成後所執行的函數名稱。