jquery点击一个div显示再次点击这个div隐藏

现在要点击这个div显示后，鼠标移动到网页任意地方点击后，这个div随之隐藏，好像是焦点事件，但是我用blur并没有效果

举报该文章

相关建议 2017-09-19

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div5px</title>
<style type="text/css">
div {
    float: left;
    width: 100px;
    height: 80px;
    border: 1px solid #0ff;
    margin-right: 5px;
    display: none;
}
</style>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".btn").click(function(){
         if(!$(".div").is(":visible")){
          $(".div").show();
          $(this).val("隐藏");
         }else{
          $(".div").hide();
          $(this).val("显示");
        }
    });

});
</script>
</head>

<body>
<div class="div"></div>
<input type="button" value="显示" class="btn"/>
</body>
</html>

温馨提示：内容为网友见解，仅供参考

当前网址：https://aolonic.com/aa/a41k3a1dg5wwa11wd54.html

其他看法

无其他回答

用jquery怎么实现点击显示,再一次点击隐藏
1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：2、然后引入Jquery的库文件，编写代码。首先获取a标签的dom并给它加一个click事件，在click的回调中判断div是否为隐藏状态，是的话就隐...

jquery点击一个div显示再次点击隐藏
如果是必须追加显示的话，再次点击就需要清除 \/\/同样在点击事件中判断是否已经追加过div了 (".Topstorya").on("click",functiton(){ if($(".ysa").length>0){\/\/追加的div最好保持唯一性 \/\/此为已存在追加的div $(".ysa").remove(); }else{ \/\/此处为你原来的追加div代...

jquery点击一个div显示再次点击这个div隐藏
--$(".btn")是找到class="btn"的信息，$(".div")就是找到class="div"，is(":visible")判断是否div隐藏起来，隐藏就让其显示出来.show()显示的方法，.hide()隐藏的方法（深圳网站建设:www.sz886.com）--><script type="text\/javascript" src="http:\/\/www.sz886.com\/js\/jquery-1.9.1....

用jquery怎么实现点击显示,再一次点击隐藏
(function(){ ('#lol').click(function(){\/\/点击a标签 if($('#timo').is(':hidden')){\/\/如果当前隐藏 ('#timo').show();\/\/那么就显示div }else{\/\/否则 ('#timo').hide();\/\/就隐藏div } })})<\/script>

JS(JQuery)点击一个对象显示出一个div,再次点击当前对象或者点击对象之 ...
("a").click(function(){ ("div").show()("body").one("click",function(){ ("div").hide()})})

怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"><\/script><script>\/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*\/$(function(){$('#d1').click(function(){\/\/给d1绑定一个点击事件; \/*这...

js控制div显示隐藏实现(jquery控制div显示隐藏)
01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，...

...页面上除了这个div这外的地方,隐藏这个div,jquery怎么写??
IE中用event.srcElement；FF中用e.target；能获得鼠标点击的对象然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道吧 (document).mousedown(function(event){ alert(event.target.id); \/\/这样会弹出你单击的元素的id,你可以在这里写你的程序了 } ););

jquery如何实现点击一个按钮 div框从右→左,再点击按钮 div框从刚刚...
1、新建一个html文件，命名为test.html。2、在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。3、在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“切换内容”。5、在test.html文件中...

如何点击隐藏和显示一个div
进行事件绑定 $("#btn").toggle( function () { $("#div").hide();\/\/ 第1,3,5,7,8,9...次点击按钮，div隐藏 }, function () { $("#div").show();\/\/ 第2,4,6,8...次点击按钮，div显示 } );});...

相似回答

大家正在搜