jQuery 效果 - 隱藏和顯示
隱藏、顯示、切換、滑動、淡入淡出和動畫。太棒了!
點選顯示/隱藏面板
因為時間寶貴,我們提供快速簡便的學習。
在 W3Schools,您可以用便捷易懂的方式學習所有您需要掌握的知識。
示例
jQuery hide()
演示簡單的 jQuery hide() 方法。
jQuery hide()
另一個 hide() 演示。如何隱藏文字部分。
jQuery hide() 和 show()
使用 jQuery,您可以使用 hide()
和 show()
方法來隱藏和顯示 HTML 元素。
示例
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
自己動手試一試 »
語法
$(選擇器).hide(速度,回撥函式);
$(選擇器).show(速度,回撥函式);
可選的速度引數指定隱藏/顯示的速度,並且可以接受以下值:“slow”(慢)、“fast”(快)或毫秒數。
可選的回撥函式引數是一個在 hide()
或 show()
方法完成執行後呼叫的函式(您將在後續章節中瞭解更多關於回撥函式的資訊)。
以下示例演示了 hide()
的速度引數。
jQuery toggle()
您還可以使用 toggle()
方法在隱藏和顯示元素之間進行切換。
已顯示的元素將被隱藏,已隱藏的元素將被顯示。
語法
$(選擇器).toggle(速度,回撥函式);
可選的速度引數可以接受以下值:“slow”(慢)、“fast”(快)或毫秒數。
可選的回撥函式引數是在 toggle()
完成後執行的函式。
jQuery 練習
jQuery Effects 參考
要檢視所有 jQuery 效果的完整概述,請訪問我們的 jQuery 效果參考。