<script>
$(function () {
$("#btn1").click(function () {
$("#d1").slideToggle();
$("#d2").slideToggle();
});
});
</script>
</head>
<body>
<div id="d1" style="width: 100px; height: 100px; border: 1px solid blue;float: left; display: none;"></div>
<div id="d2" style="width: 100px; height: 100px; border: 1px solid red;float: left;"></div>
<div style="float: left;">
<input type="button" id="btn1" value="click" />
</div>
</body>
-
- innerpeacez 希望对你有帮助。
- 2 年多之前 回复
-
- innerpeacez 回复zhwyj1019: 把slideToggle();里面的参数设为0就没有动画效果了slideToggle(0);里面的参数是毫秒值。
- 2 年多之前 回复
-
- innerpeacez 回复zhwyj1019: 效果。。。。
- 2 年多之前 回复
-
- innerpeacez 需要其他的小狗去查JQ的文档，还有几种别的效果
- 2 年多之前 回复
报名
第一个div
第二个div
function btn1(){
document.getElementById('div1').style.display='block';
}
function btn2(){
document.getElementById('div1').style.display='none';
document.getElementById('div2').style.display='block';
}
function btn3(){
document.getElementById('div2').style.display='none';
}
- 其他相关推荐
- js/jq怎么实现点击首字母筛选出城市
-  点击字母，筛选出城市，希望可以提供代码，感谢各位大佬
- js.jq怎么实现点击一个div则出现另一个div在他下面？
-  如图，点击一个框就出现他的解释说明，解释说明都是同一个div，css都一样，点击左边的出现的说明的背景图就是凹槽在左边，然后中间的就是在中间，都是换个背景图的问题，我现在做出来不管点击哪一排的出现的说明div都在第一排下面，请问各位大佬怎么让点击哪排就出现在哪排啊，麻烦上一下代码，十分感谢！
- js,jq怎么实现点击出现一个div，再次点击div消失
- 如图，点击图片出现下面的说明，然后再点击一下说明消失，麻烦大佬提供一下代码，十分感谢！
- js/jq判断列表中的CheckBox是否选中
- js/jq判断列表中的CheckBox是否选中，并把checked==true的CheckBox替换成开启的图片，checked==false的CheckBox替换成关闭的图，帮帮忙各位
- 求一段js或者JQ显示隐藏代码
- JS或者JQ点击显示隐藏 <div id=a> <div class=1>...</div> <div class=2>...</div> <div class=3>...</div> <div class=4>...</div> <div class=5>...</div> </div> <div id=b> <div class=6>...</div> </div> 现求一段JQ或者JS代码控制 一： 点击<div class=1>...</div> 显示<div class=2>...</div>当再次点击和鼠标移开<div class=2>...</div>后自动以藏<div class=2>...</div>；点击<div class=3>...</div> 显示<div class=4>...</div>当再次点击和鼠标移开<div class=4>...</div>后自动以藏<div class=4>...</div>。 二： 点击<div class=5>...</div> 显示<div class=6>...</div>当再次点击和鼠标移开<div class=6>...</div>后自动以藏<div class=6>...</div>. 不要改变我的代码结构，这样的控制JQ或者JS怎么写啊，我是小白希望代码写出来。
- 请问js,jq怎么实现多个同id的div绑定一个点击事件？
-  如图，点击钥匙出现他的详情，每个钥匙的div都一样，点击后都出现点击的钥匙的下面，请问怎样实现？麻烦各位大佬上一下代码，感谢！
- H5、JS/JQ如何调用手机震动功能
- 各位大牛好！笨小白。最近在做摇一摇红包功能，摇一摇功能实现了，就是想加个手机震动功能。和分享功能！
- 用js/jq/html通过cookie解决一个进入页面的问题
- 首先我有三个页面，假定为页面1和页面2页面3，两个页面都在同一文件夹下，我所想要实现的东西是一旦我从页面1进入页面2，那么我再想进入页面一就需要等待5分钟，五分钟之内进入页面1就自动跳转到页面3,5分钟之后进入页面1才会是页面1
- 使用 html + js/jq 能实现引入公共功能模块（如导航栏和脚注）吗
- RT，因为每个页面使用的导航栏和脚注都是一样的，而是有部分功能模块是可以公用的，所以想问能不能不用每个页面都写一次导航栏的代码，直接引用
- js,jq怎么实现使多出的div先隐藏然后向左滑动显示
- 如图，一张钥匙牌是一个div，不是一张图片。向左滑动显示其余的牌，左边多余的就隐藏，麻烦上一下代码，十分感谢！
- JQ 点击按钮显示内容 点击任何地方隐藏内容 代码怎么实现。
- JQ 点击按钮显示DIV元素上的内容，点击任何地方就会隐藏DIV元素上的内容的代码要怎样实现。
- JQ怎么实现点击一级菜单，二级菜单显示和隐藏
-  点击我的收藏，二级菜单可以显示，再点击，二级菜单隐藏   这样写有两个问题，1 点击一级菜单的文字，不会实现显示和隐藏。 2，点击二级菜单的li，也可以实现显示和隐藏。 正常情况应该是只有点击“我的收藏”，才会实现显示和隐藏。 求大神解答。。应该怎么写啊。。如果有现成的代码更好了，，感激不尽
- 用JQ实现 当发现class值等于cid值时，一个DIV自动加入另一个DIV 的ul li中去
- **用JQ实现 当发现class值等于cid值时，一个DIV自动加入另一个DIV 的ul li中去** ``` <div id="topmenu" class="0" cid="23"> <a href='/ChannelID/23'>产品中心</a> </div> <div id="topmenu" class="23" cid="25"> <a href='/ChannelID/25'>智能设备</a> </div> <div id="topmenu" class="25" cid="57"> <a href='/ChannelID/57'>无人机</a> </div> <div id="topmenu" class="0" cid="13"> <a href='/ChannelID/13'>产品</a> </div> <div id="topmenu" class="13" cid="15"> <a href='/ChannelID/15'>水上设备</a> </div> <div id="topmenu" class="15" cid="57"> <a href='/ChannelID/57'>无人船</a> </div> ``` **<br/>想实现的形式如下<br/>** ``` <div id="topmenu" class="0" cid="23"> <a href='/ChannelID/23'>产品中心</a> <ul><li> <div id="topmenu" class="23" cid="25"> <a href='/ChannelID/25'>智能设备</a> <ul><li> <div id="topmenu" class="25" cid="57"> <a href='/ChannelID/57'>无人机</a> </div> </li></ul> </div> </li></ul> </div> <div id="topmenu" class="0" cid="13"> <a href='/ChannelID/13'>产品</a> <ul><li> <div id="topmenu" class="13" cid="15"> <a href='/ChannelID/15'>水上设备</a> <ul><li> <div id="topmenu" class="15" cid="57"> <a href='/ChannelID/57'>无人船</a> </div> </li></ul> </div> </li></ul> </div> ```
- 求助大虾，关于jq点击空白隐藏div的问题
- ``` <!DOCTYPE html > <html > <head> <meta charset="UTF-8"> <title>点击空白处关闭弹出窗口</title> <style type="text/css"> .pop{width:200px;height:130px;background:#080;} </style> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('#btn').click(function() { $('#pop').show("slow");//open dialog }); $(document).bind("click",function(e){ var target = $(e.target);//表示当前对象，切记，如果没有e这个参数，即表示整个BODY对象 console.info(target.closest(".pop").length) console.info(target.closest("#btn").length) if(target.closest(".pop").length == 0 && target.closest("#btn") ==0){ $("#pop").hide(); } }) }) </script> </head> <body> <button id="btn">打开div</button> <div id="pop" class="pop" style="display: none"></div> </body> </html> ``` 上面是完整的代码，主要想实现，点击按钮显示div，然后点击除按钮和div外的空白，隐藏div， 目前的问题是，可以打开div，但是不能隐藏div，请大虾帮忙看下代码是哪里出问题了； 主要的困惑是target.closest(".pop").length==0为true，target.closest("#btn").length==0为true；为什么target.closest(".pop").length == 0 && target.closest("#btn") ==0就为false了
- 怎么确定一个html页面的ready方法运行完毕？原生js或者jq，有这方面的途径入手吗？
- 现在有一个外部程序需要执行浏览器，打开某个网页，点击一个按钮。但是，如果点击这个按钮之前必须先确保该页面的$.ready方法执行完毕了，否者点击会有一些意外情况。因为，在ready方法中封装了很多东西，只有执行完ready了再点击按钮才有意义。js/jq有途径获取到ready方法之后的状态吗？或者ready的回调？ 外部程序可以执行js语句，相当于在控制台执行。所以想知道这个ready执行完毕之后，获取状态
- 怎么用jq实现一个div同时进行两个运动
- 我想让一个隐藏的div在显示出来的时候同时向做移动，可是我写 $("div").fadeIn().animate({left:"-50px"});//$("div")就是我要运动的那个div，这个没问题的。可我这样写在实现的时候效果是这个div先从不透明到透明显示出来然后完全不透明后才再向左运动，无法做到两个效果同时发生，请问怎样才能做到呢？
- **用JQ实现 当发现class值等于cid值时，一个DIV自动加入另一个DIV 的ul li中去**
- ``` <div id="topmenu" class="0" cid="23"> <a href='/ChannelID/23'>产品中心</a> </div> <div id="topmenu" class="23" cid="25"> <a href='/ChannelID/25'>智能设备</a> </div> <div id="topmenu" class="25" cid="57"> <a href='/ChannelID/57'>无人机</a> </div> <div id="topmenu" class="0" cid="13"> <a href='/ChannelID/13'>新闻频道</a> </div> <div id="topmenu" class="13" cid="15"> <a href='/ChannelID/15'>新闻一</a> </div> <div id="topmenu" class="15" cid="57"> <a href='/ChannelID/57'>新闻一(1)</a> </div> ``` **<br/>想实现的形式如下<br/>** ``` div id="topmenu" class="0" cid="23"> <a href='/ChannelID/23'>产品中心</a> <ul><li> <div id="topmenu" class="23" cid="25"> <a href='/ChannelID/25'>智能设备</a> <ul><li> <div id="topmenu" class="25" cid="57"> <a href='/ChannelID/57'>无人机</a> </div> </li></ul> </div> </li></ul> </div> <div id="topmenu" class="0" cid="13"> <a href='/ChannelID/13'>新闻频道</a> <ul><li> <div id="topmenu" class="13" cid="15"> <a href='/ChannelID/15'>新闻一</a> <ul><li> <div id="topmenu" class="15" cid="57"> <a href='/ChannelID/57'>新闻一(1)</a> </div> </li></ul> </div> </li></ul> </div> ```
- javascript都来回答，怎么实现下拉选择日期的功能，JQ或者JS怎么实现？
- javascript都来回答，怎么实现下拉选择日期的功能，JQ或者JS怎么实现？
- Java学习的正确打开方式
- 在博主认为，对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结，前三者博主将淋漓尽致地挥毫于这篇博客文章中，至于总结在于个人，实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍，博客次之，这又是一个层次了，这里暂时不提后面再谈。博主将为各位入门java保驾护航，各位只管冲鸭！！！上天是公平的，只要不辜负时间，时间自然不会辜负你。 何谓学习？博主所理解的学习，它是一个过程，是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
- 程序员必须掌握的核心算法有哪些？
- 由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，我稍微总结一下我学过的算法知识点，以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的，并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构，当然，我也会整理一些看过...
- 大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了
- 大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
- linux系列之常用运维命令整理笔录
- 本博客记录工作中需要的linux运维命令，大学时候开始接触linux，会一些基本操作，可是都没有整理起来，加上是做开发，不做运维，有些命令忘记了，所以现在整理成博客，当然vi，文件操作等就不介绍了，慢慢积累一些其它拓展的命令，博客不定时更新 free -m 其中：m表示兆，也可以用g，注意都要小写 Men：表示物理内存统计 total：表示物理内存总数(total=used+free) use...
- 比特币原理详解
- 一、什么是比特币 比特币是一种电子货币，是一种基于密码学的货币，在2008年11月1日由中本聪发表比特币白皮书，文中提出了一种去中心化的电子记账系统，我们平时的电子现金是银行来记账，因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述，这一层面介绍的文章很多，本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
- 程序员接私活怎样防止做完了不给钱？
- 首先跟大家说明一点，我们做 IT 类的外包开发，是非标品开发，所以很有可能在开发过程中会有这样那样的需求修改，而这种需求修改很容易造成扯皮，进而影响到费用支付，甚至出现做完了项目收不到钱的情况。 那么，怎么保证自己的薪酬安全呢？ 我们在开工前，一定要做好一些证据方面的准备（也就是“讨薪”的理论依据），这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
- 网页实现一个简单的音乐播放器（大佬别看。(⊙﹏⊙)）
- 今天闲着无事，就想写点东西。然后听了下歌，就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
- Python十大装B语法
- Python 是一种代表简单思想的语言，其语法相对简单，很容易上手。不过，如果就此小视 Python 语法的精妙和深邃，那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点，并附上详细的实例代码。如能在实战中融会贯通、灵活使用，必将使代码更为精炼、高效，同时也会极大提升代码B格，使之看上去更老练，读起来更优雅。
- 数据库优化 - SQL优化
- 以实际SQL入手，带你一步一步走上SQL优化之路！
- 通俗易懂地给女朋友讲：线程池的内部原理
- 餐盘在灯光的照耀下格外晶莹洁白，女朋友拿起红酒杯轻轻地抿了一小口，对我说：“经常听你说线程池，到底线程池到底是个什么原理？”
- 经典算法（5）杨辉三角
- 杨辉三角 是经典算法，这篇博客对它的算法思想进行了讲解，并有完整的代码实现。
- 使用 Docker 部署 Spring Boot 项目
- Docker 技术发展为微服务落地提供了更加便利的环境，使用 Docker 部署 Spring Boot 其实非常简单，这篇文章我们就来简单学习下。首先构建一个简单的 S...
- 英特尔不为人知的 B 面
- 从 PC 时代至今，众人只知在 CPU、GPU、XPU、制程、工艺等战场中，英特尔在与同行硬件芯片制造商们的竞争中杀出重围，且在不断的成长进化中，成为全球知名的半导体公司。殊不知，在「刚硬」的背后，英特尔「柔性」的软件早已经做到了全方位的支持与支撑，并持续发挥独特的生态价值，推动产业合作共赢。 而对于这一不知人知的 B 面，很多人将其称之为英特尔隐形的翅膀，虽低调，但是影响力却不容小觑。 那么，在...
- 面试官：你连RESTful都不知道我怎么敢要你？
- 干货，2019 RESTful最贱实践
- 刷了几千道算法题，这些我私藏的刷题网站都在这里了！
- 遥想当年，机缘巧合入了 ACM 的坑，周边巨擘林立，从此过上了"天天被虐似死狗"的生活… 然而我是谁，我可是死狗中的战斗鸡，智力不够那刷题来凑，开始了夜以继日哼哧哼哧刷题的日子，从此"读题与提交齐飞， AC 与 WA 一色 "，我惊喜的发现被题虐既刺激又有快感，那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享，经过激烈的颅内斗争，我决定把我私藏的十几个 T 的，阿不，十几个刷题网...
- 白话阿里巴巴Java开发手册高级篇
- 不久前，阿里巴巴发布了《阿里巴巴Java开发手册》，总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范，这些流程规范在一定程度上能够保证最终的项目交付质量，通过在时间中总结模式，并推广给广大开发人员，来避免研发人员在实践中容易犯的错误，确保最终在大规模协作的项目中达成既定目标。 无独有偶，笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范，并在实际工作中进行...
- SQL-小白最佳入门sql查询一
- 不要偷偷的查询我的个人资料，即使你再喜欢我，也不要这样，真的不好；
- redis分布式锁，面试官请随便问，我都会
- 文章有点长并且绕，先来个图片缓冲下！ 前言 现在的业务场景越来越复杂，使用的架构也就越来越复杂，分布式、高并发已经是业务要求的常态。像腾讯系的不少服务，还有CDN优化、异地多备份等处理。 说到分布式，就必然涉及到分布式锁的概念，如何保证不同机器不同线程的分布式锁同步呢？ 实现要点 互斥性，同一时刻，智能有一个客户端持有锁。 防止死锁发生，如果持有锁的客户端崩溃没有主动释放锁，也要保证锁可以正常释...
- 项目中的if else太多了，该怎么重构？
- 介绍 最近跟着公司的大佬开发了一款IM系统，类似QQ和微信哈，就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
- Nginx 原理和架构
- Nginx 是一个免费的，开源的，高性能的 HTTP 服务器和反向代理，以及 IMAP / POP3 代理服务器。Nginx 以其高性能，稳定性，丰富的功能，简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求，主要负责调度工作进程：加载配置、启动工作进程及非停升级。worker 进程负责处...
- “狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作
- 一、垃圾文字生成器介绍 最近在浏览GitHub的时候，发现了这样一个骨骼清奇的雷人项目，而且热度还特别高。 项目中文名：狗屁不通文章生成器 项目英文名：BullshitGenerator 根据作者的介绍，他是偶尔需要一些中文文字用于GUI开发时测试文本渲染，因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理，所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的： 你发现，...
- 程序员：我终于知道post和get的区别
- 是一个老生常谈的话题，然而随着不断的学习，对于以前的认识有很多误区，所以还是需要不断地总结的，学而时习之，不亦说乎
- 《程序人生》系列-这个程序员只用了20行代码就拿了冠军
- 你知道的越多，你不知道的越多 点赞再看，养成习惯GitHub上已经开源https://github.com/JavaFamily，有一线大厂面试点脑图，欢迎Star和完善 前言 这一期不算《吊打面试官》系列的，所有没前言我直接开始。 絮叨 本来应该是没有这期的，看过我上期的小伙伴应该是知道的嘛，双十一比较忙嘛，要值班又要去帮忙拍摄年会的视频素材，还得搞个程序员一天的Vlog，还要写BU...
- 加快推动区块链技术和产业创新发展，2019可信区块链峰会在京召开
- 11月8日，由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办，科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。 区块链技术被认为是继蒸汽机、电力、互联网之后，下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力，电力解决了人类基本的生活需求，互联网彻底改变了信息传递的方式，区块链作为构造信任的技术有重要的价值。 1...
- Java世界最常用的工具类库
- Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
- 程序员把地府后台管理系统做出来了，还有3.0版本！12月7号最新消息：已在开发中有github地址
- 第一幕：缘起 听说阎王爷要做个生死簿后台管理系统，我们派去了一个程序员…… 996程序员做的梦： 第一场：团队招募 为了应对地府管理危机，阎王打算找“人”开发一套地府后台管理系统，于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好，地府都是满格，哈哈！！！ 经常会有外行朋友问：看某网站做的不错，功能也简单，你帮忙做一下？ 而这次，面对这样的需求，这个程序员...
- 网易云6亿用户音乐推荐算法
- 网易云音乐是音乐爱好者的集聚地，云音乐推荐系统致力于通过 AI 算法的落地，实现用户千人千面的个性化推荐，为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践，以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开： AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今，网易云音乐平台持续提供着：乐屏社区、UGC...
- 【技巧总结】位运算装逼指南
- 位算法的效率有多快我就不说，不信你可以去用 10 亿个数据模拟一下，今天给大家讲一讲位运算的一些经典例子。不过，最重要的不是看懂了这些例子就好，而是要在以后多去运用位运算这些技巧，当然，采用位运算，也是可以装逼的，不信，你往下看。我会从最简单的讲起，一道比一道难度递增，不过居然是讲技巧，那么也不会太难，相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数，相信很多人都做过，一般的做法的代码如下...
- 为什么要学数据结构？
- 一、前言 在可视化化程序设计的今天，借助于集成开发环境可以很快地生成程序，程序设计不再是计算机专业人员的专利。很多人认为，只要掌握几种开发工具就可以成为编程高手，其实，这是一种误解。要想成为一个专业的开发人员，至少需要以下三个条件： 1) 能够熟练地选择和设计各种数据结构和算法 2) 至少要能够熟练地掌握一门程序设计语言 3) 熟知所涉及的相关应用领域的知识 其中，后两个条件比较容易实现，而第一个...
- Android 9.0 init 启动流程
- 阅读五分钟，每日十点，和您一起终身学习，这里是程序员Android本篇文章主要介绍Android开发中的部分知识点，通过阅读本篇文章，您将收获以下内容:一、启动流程概述一、 启动流程概述Android启动流程跟Linux启动类似，大致分为如下五个阶段。1.开机上电，加载固化的ROM。2.加载BootLoader，拉起Android OS。3.加载Uboot，初始外设，引导Kernel启动等。...
- 8年经验面试官详解 Java 面试秘诀
- 作者 |胡书敏 责编 | 刘静 出品 | CSDN（ID：CSDNnews） 本人目前在一家知名外企担任架构师，而且最近八年来，在多家外企和互联网公司担任Java技术面试官，前后累计面试了有两三百位候选人。在本文里，就将结合本人的面试经验，针对Java初学者、Java初级开发和Java开发，给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
