博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 效果 - 隐藏和显示
阅读量:6913 次
发布时间:2019-06-27

本文共 914 字,大约阅读时间需要 3 分钟。

隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!

实例

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

如果您点击我,我会消失。

点击我,我会消失。

也要点击我哦。

 

中国办事处

联系人:张先生

北三环中路 100 号
北京

美国办事处

联系人:David

第五大街 200 号
纽约

jQuery hide() 和 show()

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

如果点击“隐藏”按钮,我就会消失。

语法:

$(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();});

 

这是一个段落。

这是另一个段落。

 

语法:

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

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

可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

jQuery 效果参考手册

如需全面查阅 jQuery 效果,请访问 。

转载地址:http://bqncl.baihongyu.com/

你可能感兴趣的文章
ES5严格模式(Strict mode)
查看>>
Contoso 大学 - 2 – 实现基本的增删改查
查看>>
Asp.Net Web API 2第五课——Web API路由
查看>>
Oracle GoldenGate 12c中的协同交付(Coordinated Delivery)
查看>>
使用GDB 修改MySQL参数不重启
查看>>
更改chrome底色为护目色
查看>>
EF扩展库(批量操作)
查看>>
论坛表格设计
查看>>
九度 1533:最长上升子序列
查看>>
demo1 spark streaming 接收 kafka 数据java代码WordCount示例
查看>>
九度 1482:玛雅人的密码(BFS)
查看>>
Windows 8 应用开发 - 挂起与恢复
查看>>
在InstallShield中发布单一的Setup.exe文件
查看>>
LINQ to Objects系列(1)相关技术准备
查看>>
[leetcode]Validate Binary Search Tree @ Python
查看>>
设计模式---简单工厂模式(学习笔记)
查看>>
第21周五
查看>>
c++ 使用json的库。cJSON
查看>>
struts2不兼容servlet、COS
查看>>
Java 打印堆栈的几种方法
查看>>