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 相关文章推荐
nicejforms——美化表单不用愁
Feb 20 Javascript
javascript实现的鼠标链接提示效果生成器代码
Jun 28 Javascript
jQuery live
May 15 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 Javascript
javascript实现iframe框架延时加载的方法
Oct 30 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
vue.js实例todoList项目
Jul 07 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
vue实现多条件和模糊搜索功能
May 28 Javascript
js中值引用和地址引用实例分析
Jun 21 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
详解Vue3中对VDOM的改进
Apr 23 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
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
PHP多进程编程实例详解
2017/07/19 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
jQuery学习基础知识小结
2010/11/25 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
Python中使用partial改变方法默认参数实例
2015/04/28 Python
Python中字典的基本知识初步介绍
2015/05/21 Python
详解Python中的各种函数的使用
2015/05/24 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
python虚拟环境virtualenv的使用教程
2017/10/20 Python
Python如何实现动态数组
2019/11/02 Python
浅谈python3 构造函数和析构函数
2020/03/12 Python
python 从list中随机取值的方法
2020/11/16 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
营业经理岗位职责
2013/11/10 职场文书
中学生爱国演讲稿
2013/12/31 职场文书
快递业务员岗位职责
2014/01/06 职场文书
社区义诊活动总结
2014/04/30 职场文书
小学节能减排倡议书
2014/05/15 职场文书
幼儿园大班个人总结
2015/02/28 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
python中%格式表达式实例用法
2021/06/18 Python