jQuery|隐藏和显示

方式一:使用 hide() 和 show() 方法

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素

语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);

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

实例带有 speed 参数的 hide() 方法

$("button").click(function(){
$("p").hide(1000);
});
尝试一下 »

方式二:使用 toggle() 方法

您可以使用 toggle() 方法来实现,显示被隐藏的元素,并隐藏已显示的元素

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

实例:显示被隐藏的元素,并隐藏已显示的元素:

$("button").click(function(){
$("p").toggle();
});
尝试一下 »

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,843评论 0 3
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 2,361评论 0 0
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,199评论 0 2
  • 提示:本文是关于如何培养孩子解难题能力的科普文,如果你不想了解分析过程,请拉到页面最下方,直接阅读结论。 “培养孩...
    林深见鹿2016阅读 4,019评论 7 9
  • 贴标签这种事,总是让人第一时间产生逆反心理,你凭什么给我贴上一个标签呢?我一定不会是你所期望的那样。其实,如果能正...
    大雄老师will阅读 5,515评论 0 2