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 相关文章推荐
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
Jul 13 Javascript
点击button获取text内容并改变样式的js实现
Sep 09 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
jquery实现的用户注册表单提示操作效果代码分享
Aug 28 Javascript
angular2使用简单介绍
Mar 01 Javascript
使用jQuery操作HTML的table表格的实例解析
Mar 13 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 Javascript
深入理解Vue的数据响应式
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
探讨各种PHP字符串函数的总结分析
2013/06/05 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
thinkphp5.1框架实现格式化mysql时间戳为日期的方式小结
2019/10/10 PHP
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
js随机生成字母数字组合的字符串 随机动画数字
2015/09/02 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
2017/01/04 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
详解HTTPS 的原理和 NodeJS 的实现
2017/07/04 NodeJs
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
[04:01]2014DOTA2国际邀请赛 TITAN告别Ohaiyo期望明年再战
2014/07/15 DOTA
Python urllib、urllib2、httplib抓取网页代码实例
2015/05/09 Python
Python解惑之True和False详解
2017/04/24 Python
python中Apriori算法实现讲解
2017/12/10 Python
python实现最大优先队列
2019/08/29 Python
python实现两个文件夹的同步
2019/08/29 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
css3 border-radius属性详解
2017/07/05 HTML / CSS
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
计算机开发个人求职信范文
2013/09/26 职场文书
协议书范本
2014/04/23 职场文书
学校四风对照检查材料
2014/08/28 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
计生个人工作总结
2015/02/28 职场文书
校长师德表现自我评价
2015/03/04 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
浅谈MySQL之浅入深出页原理
2021/06/23 MySQL
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript