jQuery点击自身以外地方关闭弹出层
浏览数：28 /
时间：2015年06月09日
- $(function(){
- $(document).bind("click", function (e) {
- if($(e.target).closest("#txt").length>0){
- $("#tip").show();
- }else{
- $("#tip").hide();
- }
- });
- });
closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
| .closest() | .parents() |
|---|---|
| 从当前元素开始 | 从父元素开始 |
| 沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。 | 沿 DOM 树向上遍历，直到文档的根元素为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。 |
| 返回包含零个或一个元素的 jQuery 对象 | 返回包含零个、一个或多个元素的 jQuery 对象 |
参考资料：http://www.520ued.com/article/index/arcid/25.html
http://www.w3school.com.cn/jquery/traversing_closest.asp
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
