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://fly63.com/course/11_697