jQuery 隐藏和显示

jquery 提供了 .hide() 、 .show() 和 toggle 函数简化了隐藏/显示动画效果的开发

隐藏、显示、切换，滑动，淡入淡出，以及动画

jQuery hide() 和 show() 方法

jQuery 提供了 hide() 和 show() 方法用于隐藏和显示 html 元素

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

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

语法

hide() 和 show() 方法函数原型如下

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

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

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

下面的范例演示了带有 speed 参数的 hide() 方法

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

jQuery toggle()

jQuery 提供了 toggle() 方法用来切换 hide() 和 show() 方法

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

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

语法

.toggle() 方法的原型如下

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

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

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

链接: https://www.fly63.com/course/11_697