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 效果参考
有关所有 jQuery 效果的完整概述,请访问我们的 jQuery 效果参考。