jQuery 隐藏和显示 - 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() 方法用来切换 hide() 和 show() 方法

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

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

.toggle() 方法的原型如下

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

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

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