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 相关文章推荐
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
Dec 05 Javascript
node.js中的http.response.writeHead方法使用说明
Dec 14 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
Jan 22 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
May 28 Javascript
纯javascript版日历控件
Nov 24 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
vue axios整合使用全攻略
May 24 Javascript
如何使用pm2快速将项目部署到远程服务器
Mar 12 Javascript
15分钟上手vue3.0(小结)
May 20 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 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发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
Zend的MVC机制使用分析(一)
2013/05/02 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
javascript eval和JSON之间的联系
2009/12/31 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
关于js里的this关键字的理解
2015/08/17 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
详解ES6中的let命令
2020/04/05 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
vue-cli 首屏加载优化问题
2018/11/06 Javascript
微信小程序云开发(数据库)详解
2019/05/17 Javascript
vue.js购物车添加商品组件的方法
2019/09/17 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
2021/01/20 Vue.js
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
Python利用imshow制作自定义渐变填充柱状图(colorbar)
2020/12/10 Python
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
酒吧创业计划书
2014/01/18 职场文书
小学五年级学生评语
2014/04/22 职场文书
企业安全生产月活动总结
2014/07/05 职场文书
公司委托书怎么写
2014/08/02 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python