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 相关文章推荐
javascript 动态添加表格行
Jun 22 Javascript
极酷的javascirpt,让你随意编辑任何网页
Feb 25 Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
Oct 20 Javascript
探讨javascript是不是面向对象的语言
Nov 21 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
jquery仿搜索自动联想功能代码
May 23 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 Javascript
JavaScript的==运算详解
Jul 20 Javascript
js评分组件使用详解
Jun 06 Javascript
JavaScript的console命令使用实例
Dec 03 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中的Swoole
2016/04/05 PHP
PHP实现的杨辉三角求解算法分析
2019/03/11 PHP
动态样式类封装JS代码
2009/09/02 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
2014/06/06 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
jquery获取点击控件的绝对位置简单实例
2016/10/13 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
2017/12/19 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
2017/12/27 Javascript
Vuex提升学习篇
2018/01/11 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
使用webpack4编译并压缩ES6代码的方法示例
2019/04/24 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
[01:15:16]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第一场 1月26日
2021/03/11 DOTA
python pyheatmap包绘制热力图
2018/11/09 Python
python根据txt文本批量创建文件夹
2020/12/08 Python
django基于restframework的CBV封装详解
2019/08/08 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
一套C#面试题
2013/10/09 面试题
工业学校毕业生自荐信范文
2014/01/03 职场文书
2014年创卫实施方案
2014/02/18 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
小学数学课题方案
2014/06/15 职场文书
意向书范本
2014/07/29 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
Nginx+Tomcat负载均衡多实例详解
2022/04/11 Servers