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 相关文章推荐
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
JavaScript闭包和范围实例详解
Dec 19 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
canvas实现钟表效果
Feb 13 Javascript
AngularJS实现页面定时刷新
Mar 14 Javascript
详解Node.js开发中的express-session
May 19 Javascript
vue2项目使用sass的示例代码
Jun 28 Javascript
深入理解Vue transition源码分析
Jul 30 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
Jun 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
php curl post 时出现的问题解决
2014/01/30 PHP
php返回json数据函数实例
2014/10/09 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
Yii2中cookie用法示例分析
2016/07/18 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
Node.js操作mysql数据库增删改查
2016/03/30 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
详解微信小程序 登录获取unionid
2017/06/27 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
python常用知识梳理(必看篇)
2017/03/23 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
python os.path.isfile 的使用误区详解
2019/11/29 Python
关于numpy数组轴的使用详解
2019/12/05 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
python无序链表删除重复项的方法
2020/01/17 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
党员学习十八大感想
2014/01/17 职场文书
争先创优演讲稿
2014/09/15 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
护士个人年终总结
2015/02/13 职场文书
iPhone13再次曝光
2021/04/15 数码科技
微信小程序基础教程之echart的使用
2021/06/01 Javascript
Python实现单例模式的5种方法
2021/06/15 Python
浅谈哪个Python库才最适合做数据可视化
2021/06/28 Python