JQuery效果隐藏/显示

Posted 2020-09-19 悉宇馨

hide() 方法

语法

$(selector).hide(speed,callback)

show() 方法

语法

$(selector).show(speed,callback)

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

jQuery toggle()

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

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

实例

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

语法:

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

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

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