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刷新页面的实现代码(局部及全页面刷新)
Jul 11 Javascript
javascript原型链继承用法实例分析
Jan 28 Javascript
JS实现动态移动层及拖动浮层关闭的方法
Apr 30 Javascript
javascript显示中文日期的方法
Jun 18 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
浅谈Javascript事件对象
Feb 05 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
Node.js实现批量下载图片简单操作示例
Jan 18 Javascript
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
用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 simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
php中关于普通表单多文件上传的处理方法
2011/03/25 PHP
百度ping方法使用示例 自动ping百度
2014/01/26 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
php封装的验证码类分享
2017/02/26 PHP
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
Bootstrap精简教程
2015/11/27 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
2017/07/11 Javascript
Angular4 中内置指令的基本用法
2017/07/31 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
vue首次赋值不触发watch的解决方法
2018/09/11 Javascript
微信小程序npm引入vant-weapp的踩坑记录
2019/08/01 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
js实现随机点名功能
2020/12/23 Javascript
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
python 三元运算符使用解析
2019/09/16 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
基于CSS3实现立方体自转效果
2016/03/01 HTML / CSS
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
全球知名鞋履品牌授权零售商:Journeys
2016/09/17 全球购物
大学应届毕业生个人求职信
2013/09/23 职场文书
小松树教学反思
2014/02/11 职场文书
经理任命书模板
2014/06/06 职场文书
初中学校对照检查材料
2014/08/19 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
个人务虚会发言材料
2014/10/20 职场文书
2014年妇女工作总结
2014/12/06 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
Golang解析JSON对象
2022/04/30 Golang