jQuery隐藏和显示效果实现


Posted in Javascript onApril 06, 2016

实例

jQuery hide()

简单的jQuery hide()方法演示。

jQuery hide()

另一个hide()实例。演示如何隐藏文本。

jQuery hide() 和 show()

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

实例

$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").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();
});

语法:

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

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

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

Javascript 相关文章推荐
asp.net HttpHandler实现图片防盗链
Nov 09 Javascript
Js 中debug方式
Feb 07 Javascript
JS Map 和 List 的简单实现代码
Jul 08 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 Javascript
轻松掌握JavaScript单例模式
Aug 25 Javascript
BootStrap树状图显示功能
Nov 24 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
JS实现分页浏览横向图片(类轮播)实例代码
Nov 06 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
JS动态改变浏览器标题的方法
Apr 06 #Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 #Javascript
JS密码生成与强度检测完整实例(附demo源码下载)
Apr 06 #Javascript
JS控制伪元素的方法汇总
Apr 06 #Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
Apr 06 #Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
Apr 06 #Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 #Javascript
You might like
PHP中的float类型使用说明
2010/07/27 PHP
php入门之连接mysql数据库的一个类
2012/04/21 PHP
PHP如何将log信息写入服务器中的log文件
2015/07/29 PHP
动感效果的TAB选项卡jquery 插件
2011/07/09 Javascript
asm.js使用示例代码
2013/11/28 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
jquery预加载图片的方法
2015/05/27 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
js表单验证实例讲解
2016/03/31 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
微信小程序使用request网络请求操作实例
2017/12/15 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
2019/01/09 jQuery
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
带你使用webpack快速构建web项目的方法
2020/11/12 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
在Django中同时使用多个配置文件的方法
2015/07/22 Python
python的多重继承的理解
2017/08/06 Python
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
css3 transform属性详解
2014/09/30 HTML / CSS
优衣库澳大利亚官网:UNIQLO澳大利亚
2017/01/18 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
商务会议邀请函
2014/01/09 职场文书
医药学专业大学生职业生涯规划书论文
2014/01/21 职场文书
幼儿园招生广告
2014/03/19 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书