jquery中show()、hide()和toggle()用法实例
2015-01-15 00:00
921 查看
本文实例讲述了jquery中show()、hide()和toggle()用法。分享给大家供大家参考。具体分析如下:
这里介绍了jquery效果:show()方法、hide()方法和toggle()方法
现实应用场景:QQ面板里我的好友分组
希望本文所述对大家的jQuery程序设计有所帮助。
这里介绍了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程序设计有所帮助。
相关文章推荐
- 实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
- jquery中show()、hide()和toggle()用法实例
- 浅谈jQuery之show(),hide(),toggle(),slideToggle()用法及区别
- jQuery中toggleClass()方法用法实例
- jquery 显示隐藏div方法show(),hide(),toggle(),slideDown()总结
- JQuery学习笔记之JQuery效果hide、show以及toggle方法的callback参数
- jQuery中toggleClass()方法用法实例
- jquery复习笔记1 - ready() show() hide() toggle()
- jQuery动画-让页面动起来! (2)基本的动画函数主要分为show, hide和toggle
- jQuery中show与hide方法用法示例
- jQuery中hide()方法用法实例
- jQuery动画animate使用show hide toggle
- jQuery使用hide方法隐藏元素自身用法实例
- jQuery 效果 - 隐藏hide() 和 显示show()动画实例
- jquery hide(),show()方法用法详解
- jQuery中hide()方法用法实例
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- JQuery 显示隐藏动画( show(),hide(),toggle() )
- jQuery中.show()和.hide()和.click()和.toggle()事件
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)