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 效果参考。