JQuery控制div外点击隐藏而div内点击不会隐藏的方法
作者:bea
本文实例讲述了JQuery控制div外点击隐藏而div内点击不会隐藏的方法。分享给大家供大家参考。具体如下: 比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下: 代码如下: $("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $
本文实例讲述了JQuery控制div外点击隐藏而div内点击不会隐藏的方法。分享给大家供大家参考。具体如下:
比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:
代码如下:
$("#body").click(function(e) {
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {
$("#body").hide();
});
如果div内点击隐藏,可采用jQuery的触发事件
代码如下:
$(document).trigger("click");
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:
代码如下:
$("#body").click(function(e) {
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {
$("#body").hide();
});
如果div内点击隐藏,可采用jQuery的触发事件
代码如下:
$(document).trigger("click");
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Node.js的包详细介绍
- JavaScript 学习笔记之数据类型
- ExpressJS入门实例
- jquery加载图片时以淡入方式显示的方法
- JavaScript 学习笔记之变量及其作用域
- jquery简单图片切换显示效果实现方法
- Node.js开发之访问Redis数据库教程
- Backbone.js中的集合详解
- jquery增加和删除元素的方法
- Node.js开源应用框架HapiJS介绍
- jQuery中Ajax的load方法详解
- jquery获取当前日期的方法
- JavaScript 学习笔记之基础中的基础
- jQuery 中DOM 操作详解
- JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
- jQuery过滤选择器详解
- jQuery入门介绍之基础知识
- javascript实现时间格式输出FormatDate函数
- Web表单提交之disabled问题js解决方法