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 相关文章推荐
js性能优化 如何更快速加载你的JavaScript页面
Mar 17 Javascript
js实现表格字段排序
Feb 19 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
javascript跨域的方法汇总
Oct 23 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
详解Angular调试技巧之报错404(not found)
Jan 31 Javascript
使用veloticy-ui生成文字动画效果
Feb 08 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
vue中jsonp插件的使用方法示例
Sep 10 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 应用程序安全防范技术研究
2009/09/25 PHP
php采集神器cURL使用方法详解
2016/02/19 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
jquery 表单下所有元素的隐藏
2009/07/25 Javascript
jquery photoFrame 图片边框美化显示插件
2010/06/28 Javascript
JQuery onload、ready概念介绍及使用方法
2013/04/27 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
nodejs开发环境配置与使用
2014/11/17 NodeJs
深入理解JavaScript系列(26):设计模式之构造函数模式详解
2015/03/03 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
AngularJs Dependency Injection(DI,依赖注入)
2016/09/02 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
2016/09/05 Javascript
javascript中setAttribute兼容性用法分析
2016/12/12 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
Preload基础使用方法详解
2020/02/03 Javascript
[01:01:41]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第二场 1月31日
2021/03/11 DOTA
python中sys.argv参数用法实例分析
2015/05/20 Python
python 把数据 json格式输出的实例代码
2016/10/31 Python
基于Python List的赋值方法
2018/06/23 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
一些Solaris面试题
2015/12/22 面试题
优秀企业获奖感言
2014/02/01 职场文书
企业标语口号
2014/06/10 职场文书
2015年度保密工作总结
2015/04/24 职场文书
2015年副班长工作总结
2015/05/15 职场文书
入党积极分子党支部意见
2015/06/02 职场文书
教研活动主持词
2015/07/03 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python