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 相关文章推荐
JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 Javascript
juqery 学习之三 选择器 简单 内容
Nov 25 Javascript
Javascript变量函数浅析
Sep 02 Javascript
jquery 表格排序、实时搜索表格内容(附图)
May 19 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
Bootstrap布局方式详解
May 27 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
微信小程序 PHP生成带参数二维码
Feb 21 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
Dec 14 Javascript
更改BootStrap popover的默认样式及popover简单用法
Sep 13 Javascript
小程序实现按下录音松开识别语音
Nov 22 Javascript
vue点击按钮实现简单页面的切换
Sep 08 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 mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
php递归实现无限分类的方法
2015/07/28 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
toString()一个会自动调用的方法
2010/02/08 Javascript
Javascript将string类型转换int类型
2010/12/09 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
jQuery右下角旋转环状菜单特效代码
2015/08/10 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
JS实现多张图片预览同步上传功能
2017/06/23 Javascript
利用node.js实现自动生成前端项目组件的方法详解
2017/07/12 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
[03:04]DOTA2超级联赛专访ZSMJ “莫名其妙”的逆袭
2013/05/23 DOTA
Python中的字典遍历备忘
2015/01/17 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
python实现求最长回文子串长度
2018/01/22 Python
python字符串的方法与操作大全
2018/01/30 Python
Python实现插入排序和选择排序的方法
2019/05/12 Python
Python全局锁中如何合理运用多线程(多进程)
2019/11/06 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
浅析python函数式编程
2020/09/26 Python
服务标语口号
2014/07/01 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书
Python import模块的缓存问题解决方案
2021/06/02 Python
Python基本数据类型之字符串str
2021/07/21 Python
Nginx动静分离配置实现与说明
2022/04/07 Servers