这篇文章主要介绍了实例讲解Jquery中隐藏hide、显示show、切换toggle的用法，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了jquery中show()、hide()和toggle()用法实例，供大家参考，具体内容如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>初识jQuery</title>
<script src="http:/www.jb51.net/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<!--引用这个jquery库-->
<style>
#test{
display:none;
width:120px;
height:50px;
border:1px solid blue;
}
</style>
</head>
<body>
<div id="test">Hello world!</div>
<!--设置三个按钮，每次点击调用特定的函数-->
<button onclick="sayHello()">点我打开！</button>
<button onclick="sayGoodbye()">点我关闭！</button>
<button onclick="change()">点我切换！</button>
<script type="text/javascript">
function sayHello(){
$("#test").show(5000);
<!--设参数5000，表示用5000ms的时间完成这个动作-->
}
function sayGoodbye(){
$("#test").hide();
<!--不设置，默认速度-->
}
function change(){
$("#test").toggle("slow");
<!--设置以slow的速度打开-->
}
</script>
</body>
</html>
效果图：
以上就是本文的全部内容，希望对大家学习jquery程序设计有所帮助。
- 曲靖市2018年定向考录乡镇（街道）公务员面试名单（村官）
- 曲靖市2018年定向考录乡镇（街道）公务员面试名单（村干部）
- 玉溪市法检系统2018年考试录用公务员面试安排
- 玉溪市法检系统2018年考试录用公务员考生须知
- 昭通市法检系统2018年考录公务员放弃资格复审和第一次递补名单
- 德宏州2018年考试录用公务员资格复审合格人员名单
- 玉溪市法检系统2018年考试录用公务员面试公告
- 曲靖市2018年定向考录乡镇（街道）公务员面试名单公告
- 云南省2018年公务员录用省级单位和垂管单位面试名单及安排
- 2018年曲靖市非法检系统考录公务员面试公告
- 云南省2018年公务员录用省级单位和垂管单位面试通知
- 2018年云南邵通市雄县尖山乡村委人员招聘公告
- 2018安徽亳州考录公务员警察职位递补体能测评结果公告
- 2018安徽宣城公务员考试非乡镇职位入围面试名单及面试通知
- 2018德州市考试录用公务员面试通知
- 中央编译局2018年拟录用机关工作人员公示
- 汕头出入境边防检查总站2018年拟录用公务员公示公告
- 厦门出入境边防检查总站2018年拟录用公务员公示公告
- 珠海出入境边防检查总站2018年拟录用公务员公示公告
- 深圳出入境边防检查总站2018年拟录用公务员公示公告
- 广州出入境边防检查总站2018年拟录用公务员公示公告
- 上海出入境边防检查总站2018年拟录用公务员公示公告
- 天津出入境边防检查总站2018年拟录用公务员公示公告
- 北京出入境边防检查总站2018年拟录用公务员公示公告
- 国家宗教事务局2018年拟录用公务员公示公告
- hubbard-squash
- hubbub
- hubby
- hubcap
- hub motor
- hub of activity
- hubris
- hubristic
- huckleberry
- huckster
- 终归
- 终日
- 终极
- 终止
- 终点
- 终生
- 终究
- 终竟
- 终端
- 终端设备
- 2022重阳节教案幼儿园范文
- 庆祝教师节活动方案模板
- 质量月活动方案【详细版】5篇
- 秋季运动会方案(精选5篇)
- 119全国消防日活动方案
- 物业服务品质提升实施方案
- 疫情防控工作实施方案最新
- 疫情防控工作方案范本最新版
- 2022年中秋节商家活动方案
- 教师节活动方案策划书