body{
background-color:#999999;
}
#myDiv{
background-color:#FFFFFF;
width:250px;
height:250px;
display:none;
}
<input id="btn" type="button" value="切换显示DIV" />
<div id="myDiv">
This is a div;
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
var myDiv = $("#myDiv");
$(function (){
$("#btn").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
myDiv.stop().fadeToggle();
$(document).one("click", function () {//对document绑定一个影藏Div方法
myDiv.stop().hide();
});
myDiv.click(function (e) {
e.stopPropagation();
});
});
});
---------------------
作者:zh_rey
来源:CSDN
原文:https://blog.csdn.net/zh_rey/article/details/78496417
版权声明:本文为博主原创文章,转载请附上博文链接!