jQuery实现指定区域外单击关闭指定层的方法【经典】
本文实例讲述了jQuery实现指定区域外单击关闭指定层的方法。分享给大家供大家参考，具体如下：
在页面上指定区域外单击，关闭层。常见效果为弹出层外单击，关闭弹出层。今天遇到一个这样的效果，用jQuery实现起来挺简单的，顺便复习了一下相关知识。
$(document).mouseup(function(e){
if($(e.target).parent("#big_map").length==0){
$("#big_map").hide("fast");
}
})
上面的jquery代码的意思是：当在页面中释放鼠标按键，触发function函数。找到触发事件的包含着所有匹配元素的唯一父元素的元素集合，判断找到元素的个数。如果等于0，则代表不在指定区域内，关闭指定层。
定义和用法：
e.target:触发了单击事件的元素(DOM对象)，不会变化，它永远是直接接受事件的目标DOM元素.
parent([expr]):取得一个包含着所有匹配元素的唯一父元素的元素集合。
length:jQuery 对象中元素的个数。
mouseup事件：
当在元素上放松鼠标按钮时，会发生mouseup事件。
与click事件不同mouseup事件仅需要放松按钮。当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。
mouseup()方法触发mouseup事件，或规定当发生mouseup事件时运行的函数。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
浅析JQuery中的html(),text(),val()区别
jQuery中.html()用为读取和修改元素的HTML标签，.text()用来读取或修改元素的纯文本内容，.val()用来读取或修改表单元素的value值。2014-09-09
通过XMLHttpRequest和jQuery实现ajax的几种方式
AJAX大家已经都知道了，是为了实现异步通讯，提高用户体验度，而将很多旧知识（XML,DOM,JavaScript,HTML,Jquery,Css……）重新融合的一个新的知识框架。而，XMLHttpRequest对象则是其中的重重之中,本篇文章主要给大家介绍通过XMLHttpRequest和jQuery实现ajax的几种方式2015-08-08
这篇文章主要介绍了jQuery简单注册和禁用全局事件的方法,结合实例形式分析了jQuery中ajaxStart与ajaxStop方法的使用技巧,需要的朋友可以参考下2016-07-07
jquery formvalidator插件是不错的国产验证插件了，做点普通的校验也是很方便的，但最近遇到个问题，发现如果表单整个表单是AJAX提交时，就不能按传统的做法了2013-01-01
下面小编就为大家带来一篇jQuery 获取跨域XML(RSS)数据的相关总结分析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
相信大家都知道jquery.cookie.js是一个轻量级的cookie 插件，可以读取、写入、删除 cookie。下面这篇文章就来给大家简单的介绍下关于jquery.cookie.js的介绍与使用方法，需要的朋友可以参考借鉴，一起来看看吧。2017-02-02
这篇文章主要介绍了jQuery实现判断上传图片类型和大小的方法,结合实例形式分析了jQuery针对上传图片属性获取、判定相关操作技巧,需要的朋友可以参考下2018-04-04
本文为大家详细介绍下关于指定表格及指定列的隐藏或显示、获取表格的列数等等表格相关的使用技巧，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
这篇文章主要介绍了JQuery中Text方法用法,实例分析了Text方法设置文本内容的使用方法,非常简单实用,需要的朋友可以参考下2015-05-05
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
这篇文章主要介绍了前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来,在项目中经常会遇到，今天小编把实例代码分享给大家，需要的朋友可以参考下2017-11-11
最新评论