jQuery实现菜单的显示和隐藏功能示例


Posted in jQuery onJuly 24, 2018

本文实例讲述了jQuery实现菜单的显示和隐藏功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3water.com jQuery显示菜单隐藏和显示</title>
 </head>
<body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
  /*jQuery演示*/
  $(function(){
   $("#div1").click(function(){
     if($(".div2").css("display")=="block"){
      $(".div2").css("display","none");
    }else {
      $(".div2").css("display","block");
    }
   });
   });
</script>
<!--div演示-->
<input id="div1" type="button" value="显示/隐藏">
<div class="div2" style="display: block">
  <ui>
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa</li>
  </ui>
</div>
</body>
</html>

使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试,效果如下:

jQuery实现菜单的显示和隐藏功能示例

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

jQuery 相关文章推荐
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
jquery DataTable实现前后台动态分页
Jun 17 jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
jQuery实现简单日历效果
Jul 05 jQuery
jQuery实现评论模块
Aug 19 jQuery
jQuery实现电梯导航模块
Dec 22 jQuery
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 #jQuery
jquery实现搜索框功能实例详解
Jul 23 #jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 #jQuery
jQuery实现输入框的放大和缩小功能示例
Jul 21 #jQuery
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 #jQuery
jQuery实现表单动态添加数据并提交的方法
Jul 19 #jQuery
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 #jQuery
You might like
PHP中文汉字验证码
2007/04/08 PHP
开源SNS系统-ThinkSNS
2008/05/18 PHP
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
php四种定界符详解
2017/02/16 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
jquery uploadify 在FF下无效的解决办法
2014/09/26 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
2017/05/31 Javascript
微信小程序开发animation心跳动画效果
2017/08/16 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
JavaScript数组排序小程序实现解析
2020/01/13 Javascript
js判断密码强度的方法
2020/03/18 Javascript
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
Python 元类实例解析
2018/04/04 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
在SQLite-Python中实现返回、查询中文字段的方法
2019/07/17 Python
python通过链接抓取网站详解
2019/11/20 Python
常用python爬虫库介绍与简要说明
2020/01/25 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
基于CSS3实现立方体自转效果
2016/03/01 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
商务英语专业自荐信
2013/10/14 职场文书
高中生自我评语大全
2014/01/19 职场文书
Python OpenCV 图像平移的实现示例
2021/06/04 Python
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL