jquery中show()、hide()和toggle()用法实例


Posted in Javascript onJanuary 15, 2015

本文实例讲述了jquery中show()、hide()和toggle()用法。分享给大家供大家参考。具体分析如下:

这里介绍了jquery效果:show()方法、hide()方法和toggle()方法
现实应用场景:QQ面板里我的好友分组

<html>

<head>

<title>jquery效果:show()方法、hide()方法和toggle()方法</title>

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

 $("#show").click(function(){

  $("p").show();

 });

 $("#hide").click(function(){

  $("p").hide(2000);

 });

 $("#tog").click(function(){

  $("p").toggle("slow");

 });

});

</script>

</head>

<body>

<button id="show">显示</button><button id="hide">隐藏</button><button id="tog">切换</button>

<p>这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落</p>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jquery实现textarea输入字符控制(仿微博输入控制字符)
Apr 26 Javascript
干货分享:让你分分钟学会javascript闭包
Dec 25 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
JavaScript弹窗基础篇
Apr 27 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
微信小程序 教程之注册程序
Oct 17 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
vue中计算属性(computed)、methods和watched之间的区别
Jul 27 Javascript
使用yeoman构建angular应用的方法
Aug 14 Javascript
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
Vue核心概念Getter的使用方法
Jan 18 Javascript
详解mpvue实现对苹果X安全区域的适配
Jul 31 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 #Javascript
jquery果冻抖动效果实现方法
Jan 15 #Javascript
jquery通过ajax加载一段文本内容的方法
Jan 15 #Javascript
js实现遮罩层弹出框的方法
Jan 15 #Javascript
jquery隔行换色效果实现方法
Jan 15 #Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 #Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 #Javascript
You might like
PHP实现GIF图片验证码
2015/11/04 PHP
PHP中子类重载父类的方法【parent::方法名】
2016/05/06 PHP
php抽奖概率算法(刮刮卡,大转盘)
2020/04/17 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
Javascript基础教程之关键字和保留字汇总
2015/01/18 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
2019/04/02 Javascript
js比较两个单独的数组或对象是否相等的实例代码
2019/04/28 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
JS this关键字在ajax中使用出现问题解决方案
2020/07/17 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
js实现3D旋转效果
2020/08/18 Javascript
[38:39]完美世界DOTA2联赛循环赛 IO vs GXR BO2第二场 11.04
2020/11/05 DOTA
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
python 读取DICOM头文件的实例
2018/05/07 Python
Python生成器generator用法示例
2018/08/10 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
详解小白之KMP算法及python实现
2019/04/04 Python
安全的后院和健身蹦床:JumpSport
2019/07/15 全球购物
聊城大学毕业生自荐书
2014/02/01 职场文书
优秀家长事迹材料
2014/05/17 职场文书
出国留学担保书
2014/05/20 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
2014年公路养护工作总结
2014/12/04 职场文书
护士求职自荐信范文
2015/03/04 职场文书
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python