jQuery点击自身以外地方关闭弹出层的简单实例
2013-12-27 11:13
555 查看
<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>
相关文章推荐
- jQuery点击自身以外地方关闭弹出层的简单实例
- jQuery点击自身以外地方关闭弹出层的简单实例
- jQuery弹出层_点击自身以外地方关闭弹出层
- jQuery点击自身以外地方关闭弹出层
- jQuery弹出层_点击自身以外地方关闭弹出层
- jQuery点击自身以外地方关闭弹出层-closest()
- jQuery弹出层_点击自身以外地方关闭弹出层
- jquery 点击弹出层自身以外的任意位置,关闭弹出层
- jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
- jquery实现点击弹出层效果的简单实例
- jquery简单实现点击弹出层效果实例
- 基于jquery点击自以外任意处,关闭自身的代码
- jquery实现点击弹出层效果的简单实例
- jquery简单实现点击弹出层效果实例
- jquery实现弹出div,始终显示在屏幕正中间的简单实例
- JQuery弹出层,点击按钮后弹出遮罩层,有关闭按钮
- jquery 点击元素以外任意地方隐藏该元素的方法
- jQuery实现点击元素以外的地方隐藏该元素
- 点击弹出层外区域关闭弹出层jquery特效代码