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 参数是隐藏或显示完成后所执行的函数名称

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.