jQuery 效果 - 隐藏和显示

隐藏、显示、切换、滑动、淡入淡出和动画。哇！

单击显示/隐藏面板

因为时间很宝贵，所以我们提供快速、轻松的学习。

在 91xjr，您可以以易于理解和方便的方式学习您需要学习的所有内容。

示例

jQuery 隐藏()
演示一个简单的 jQuery hide() 方法。

jQuery 隐藏()
另一个 hide() 演示。如何隐藏部分文本。

使用 jQuery，您可以使用以下命令隐藏和显示 HTML 元素hide()和show()方法：

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

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

语法：

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

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

可选的 speed 参数指定隐藏/显示的速度，可以采用以下值："slow"、"fast" 或毫秒。

可选的回调参数是在hide()或者show()方法完成（您将在后面的章节中了解有关回调函数的更多信息）。

以下示例演示了速度参数hide():

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

您还可以使用以下命令在隐藏和显示元素之间切换toggle()方法。

显示的元素被隐藏，隐藏的元素被显示：

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

语法：

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

可选的速度参数可以采用以下值："slow"、"fast" 或毫秒。

可选的回调参数是一个要在之后执行的函数toggle()完成。

有关所有 jQuery 效果的完整概述，请访问我们的jQuery 效果参考。