jquery parents closest

1:

closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找;2,前者逐级向上查找,直到发现匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤;3,前者返回0或1个元素,后者可能包含0 个,1个,或者多个元素。

closest对于处理事件委派非常有用。

 

2:使用  点击其他地方,当前显示的div 隐藏

 

 

//判断:当前元素是否是被筛选元素的子元素

2jQuery.fn.isChildOf = function(b){
3return (this.parents(b).length > 0);
4};
5//判断:当前元素是否是被筛选元素的子元素或者本身
6jQuery.fn.isChildAndSelfOf = function(b){
7return (this.closest(b).length > 0);
8};
 
 

 

1$(document).click(function(event){
2alert($(event.target).isChildOf(".floatLayer"));
3});
1$(document).click(function(event){
 
2alert($(event.target).isChildAndSelfOf (".floatLayer"));
3});

来自

http://www.css88.com/archives/3809
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值