学IT网-在线学习IT知识

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: html css js php
查看: 455|回复: 0

jQuery 效果-隐藏和显示

[复制链接]

1380

主题

1382

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
11316
发表于 2017-7-31 20:17:43 | 显示全部楼层 |阅读模式
jQuery 效果- 隐藏和显示
隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!
点击 显示/隐藏面板

实例
jQuery hide()
简单的jQuery hide()方法演示。
jQuery hide()
另一个hide()实例。演示如何隐藏文本。

jQuery hide() 和 show()
通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
实例
  1. $("#hide").click(function(){
  2.   $("p").hide();
  3. });

  4. $("#show").click(function(){
  5.   $("p").show();
  6. });
复制代码


尝试一下 »

语法:
  1. $(<i>selector</i>).hide(<i>speed,callback</i>);

  2. $(<i>selector</i>).show(<i>speed,callback</i>);
复制代码

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法:
实例
  1. $("button").click(function(){
  2.   $("p").hide(1000);
  3. });
复制代码


尝试一下 »



jQuery toggle()
通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:
实例
  1. $("button").click(function(){
  2.   $("p").toggle();
  3. });
复制代码


尝试一下 »

语法:
$(selector).toggle(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|学IT网-在线学习IT知识,学习编程知识 ( 京ICP备17027470号-2

GMT+8, 2019-11-17 21:02 , Processed in 0.033377 second(s), 34 queries .

Powered by xueit.wang 1.0

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表