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 相关文章推荐
JavaScript的public、private和privileged模式
Dec 28 Javascript
JQuery防止退格键网页后退的实现代码
Mar 23 Javascript
Javascript中找到子元素在父元素内相对位置的代码
Jul 21 Javascript
js左侧三级菜单导航实例代码
Sep 13 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
JavaScript类的写法
Sep 17 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
label+input实现按钮开关切换效果的实例
Aug 16 Javascript
JS实现吸顶特效
Jan 08 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
Jun 02 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 Javascript
Vue ECharts实现机舱座位选择展示功能
May 15 Vue.js
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
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
js 获取radio按钮值的实例
2013/08/17 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
2017/02/27 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
2018/12/20 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
2019/04/09 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
Python中常见的数据类型小结
2015/08/29 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
pandas读取csv文件提示不存在的解决方法及原因分析
2020/04/21 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
在线课程:Skillshare
2019/04/02 全球购物
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
医学院护理专业应届生求职信
2013/11/12 职场文书
班主任工作经验材料
2014/02/02 职场文书
经典演讲稿开场白
2014/08/25 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
慰问信模板
2015/02/14 职场文书
教师听课学习心得体会
2016/01/15 职场文书
导游词之泰山玉皇顶
2019/12/23 职场文书
vue-element-admin项目导入和导出的实现
2021/05/21 Vue.js
Python Pandas模块实现数据的统计分析的方法
2021/06/24 Python
MongoDB误操作后使用oplog恢复数据
2022/04/11 MongoDB
Promise静态四兄弟实现示例详解
2022/07/07 Javascript