jQuery|隐藏和显示

方式一:使用 hide() 和 show() 方法

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素

语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);

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

实例带有 speed 参数的 hide() 方法

$("button").click(function(){
$("p").hide(1000);
});
尝试一下 »

方式二:使用 toggle() 方法

您可以使用 toggle() 方法来实现，显示被隐藏的元素，并隐藏已显示的元素

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

实例:显示被隐藏的元素，并隐藏已显示的元素：

$("button").click(function(){
$("p").toggle();
});
尝试一下 »