jQuery弹出层_点击自身以外地方关闭弹出层
2024-10-19 06:19:40
<html>
<style>
.hide{display:none;}
</style>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("div.down").click(function(e) {
e.stopPropagation();
$("div.con").removeClass("hide");
});
$(document).click(function() {
if (!$("div.con").hasClass("hide")) {
$("div.con").addClass("hide");
}
});
});
</script>
<body>
<div class="down">click</div>
<div class="con hide">show-area</div>
</body>
</html>
最新文章
- 关于Visual Studio 未能加载各种Package包的解决方案
- CSS的重要性
- AT Tool --- android手机发送at指令
- 分享Kali Linux 2016.2第48周虚拟机
- 转:DateTime的灵活运用
- JavaScript 文件上传类型判断
- python学习笔记三--字典
- C#快递单号查询源码
- eCos系统CPU负载测量
- 平衡树(Splay):Splaytree POJ 3580 SuperMemo
- VB.NET Shared(共享)和 Static(静态)关键字的区别
- 解决UnicodeEncodeError: &#39;ascii&#39; codec can&#39;t encode characters in position 问题(转)
- angularjs2 ng2 密码隐藏显示
- 201521123073《Java程序设计》第4周学习总结
- 洛谷P3434 [POI2006]KRA-The Disks(线段树)
- Centos 6 搭建安装 Gitlab
- opencl 参考源码及benchmark
- Java线程池ThreadPoolExecutor使用和分析(二) - execute()原理
- STM32L476应用开发之一:初次使用
- Redis集群官方推荐方案 Redis-Cluster
热门文章
- 教程-脚本之Python
- oralce health monitor
- 【OpenCV学习笔记】之六 手写图像旋转函数---万丈高楼平地起
- [三]SpringMvc学习-封装、乱码问题、重定向、转发
- thinkphp3.2.3 版本使用redis缓存的时候无法使用认证
- jqgrid使用简单记录
- Kivy A to Z -- 怎样从python代码中直接訪问Android的Service
- 一个不喜欢读书的Javaer的读书单
- iotop,pt-ioprofile : mysql IO负载高的来源定位
- 彻底理解android中的内部存储与外部存储