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面向对象之Prototypes和继承
Jul 12 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
Oct 26 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
JavaScript模板引擎实现原理实例详解
Dec 14 Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 Javascript
开发一个封装iframe的vue组件
Mar 29 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
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
5秒后跳转效果(setInterval/SetTimeOut)
2013/05/03 Javascript
JS关闭窗口与JS关闭页面的几种方法小结
2013/12/17 Javascript
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
2016/05/10 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
2020/11/10 Javascript
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
跟老齐学Python之类的细节
2014/10/13 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
python numpy 显示图像阵列的实例
2018/07/02 Python
Sanic框架配置操作分析
2018/07/17 Python
python判断数字是否是超级素数幂
2018/09/27 Python
PyQt5 对图片进行缩放的实例
2019/06/18 Python
python生成任意频率正弦波方式
2020/02/25 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
python实现猜单词游戏
2020/05/22 Python
Python数据可视化图实现过程详解
2020/06/12 Python
通过实例解析Python文件操作实现步骤
2020/09/21 Python
Python和Bash结合在一起的方法
2020/11/13 Python
html5 横向滑动导航栏的方法示例
2020/05/08 HTML / CSS
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
公务员试用期满考核材料
2014/05/22 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
民事申诉状范本
2015/05/20 职场文书
律师催款函范文
2015/06/24 职场文书
改进工作作风心得体会
2016/01/23 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python
Python使用random模块实现掷骰子游戏的示例代码
2021/04/29 Python
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python