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 相关文章推荐
JS实现把鼠标放到链接上出现滚动文字的方法
Apr 06 Javascript
原生JavaScript编写canvas版的连连看游戏
May 29 Javascript
JS实现“隐藏与显示”功能(多种方法)
Nov 24 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
ionic2懒加载配置详解
Sep 01 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
javascript面向对象三大特征之多态实例详解
Jul 24 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
Dec 18 Javascript
Vue Object 的变化侦测实现代码
Apr 15 Javascript
vue 判断元素内容是否超过宽度的方式
Jul 29 Javascript
js+h5 canvas实现图片验证码
Oct 11 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
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
Prototype Date对象 学习
2009/07/12 Javascript
用Javascript同时提交多个Web表单的方法
2009/12/26 Javascript
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
js获取url参数代码实例分享(JS操作URL)
2013/12/13 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
详解JavaScript逻辑And运算符
2015/12/04 Javascript
JS实现保留n位小数的四舍五入问题示例
2016/08/03 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
浅谈JavaScript闭包
2019/04/09 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
python实现SOM算法
2018/02/23 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
python对于requests的封装方法详解
2019/01/03 Python
Python从文件中读取数据的方法讲解
2019/02/14 Python
python各类经纬度转换的实例代码
2019/08/08 Python
Python+OpenCv制作证件图片生成器的操作方法
2019/08/21 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
Boda Skins皮衣官网:奢侈皮夹克,全球配送
2016/12/15 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
自动化专业毕业生自荐信
2013/11/01 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
解决Golang time.Parse和time.Format的时区问题
2021/04/29 Golang
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS