jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)


Posted in Javascript onMarch 21, 2012

上个月研究学习了《js判断一个元素是否为另一个元素的子元素》,感觉还挺好用,但是在jQuery应用中还是有很多缺陷,比如多个元素的时候写起来就不是很方便。所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展:

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

使用起来也非常方便:
$(document).click(function(event){ 
alert($(event.target).isChildOf(".floatLayer")); 
});

或者:
$(document).click(function(event){ 
alert($(event.target).isChildAndSelfOf (".floatLayer")); 
});

演示地址: http://demo.3water.com/js/2012/isParent/jquery.htm
Javascript 相关文章推荐
Opacity.js
Jan 22 Javascript
jValidate 基于jQuery的表单验证插件
Dec 12 Javascript
jQuery动态地获取系统时间实现代码
May 24 Javascript
让新消息在网页标题闪烁提示的jQuery代码
Nov 04 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
js实现简单div拖拽功能实例
May 12 Javascript
jquery预加载图片的方法
May 27 Javascript
微信小程序 实现拖拽事件监听实例详解
Nov 16 Javascript
javaScript实现复选框全选反选事件详解
Nov 20 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 05 Javascript
ejs v9 javascript模板系统
Mar 21 #Javascript
js判断一个元素是否为另一个元素的子元素的代码
Mar 21 #Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 #Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 #Javascript
js对象关系图 方便dom操作
Mar 18 #Javascript
再谈javascript面向对象编程
Mar 18 #Javascript
一个简单的Ext.XTemplate的实例代码
Mar 18 #Javascript
You might like
php 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
javascript正则表达式之分组概念与用法实例
2016/06/16 Javascript
JS排序之快速排序详解
2017/04/08 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
vue+elementUI实现表格关键字筛选高亮
2020/10/26 Javascript
微信小程序 导入图标实现过程详解
2019/10/11 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
介绍Python中几个常用的类方法
2015/04/08 Python
Python制作简易注册登录系统
2016/12/15 Python
python多进程和多线程究竟谁更快(详解)
2017/05/29 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
详解PyCharm配置Anaconda的艰难心路历程
2018/08/13 Python
对python多线程与global变量详解
2018/11/09 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
房屋出租协议书
2014/04/10 职场文书
中学教师师德承诺书
2014/05/23 职场文书
小学一年级学生评语大全
2014/12/25 职场文书
2016新春团拜会致辞
2015/08/01 职场文书
病假条格式范文
2015/08/17 职场文书