JQuery效果隐藏/显示

2023-07-19 09:22:22

hide() 方法

$(selector).hide(speed,callback)

$(selector).show(speed,callback)

参数	描述
speed	可选。规定元素从可见到隐藏的速度。默认为 "0"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。
callback	可选。函数执行完之后，要执行的函数。如需学习更多有关 callback 的内容，访问 jQuery Callback 这一章。除非设置了 speed 参数，否则不能设置该参数。

参数

描述

speed

可选。规定元素从可见到隐藏的速度。默认为 "0"。

可能的值：

在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。

callback

可选。函数执行完之后，要执行的函数。

如需学习更多有关 callback 的内容，访问 jQuery Callback 这一章。

除非设置了 speed 参数，否则不能设置该参数。

可以使用 toggle() 方法来切换 hide() 和 show() 方法。

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

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

语法:

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

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

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。