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 相关文章推荐
js隐式全局变量造成的bug示例代码
Apr 22 Javascript
jquery实现的鼠标拖动排序Li或Table
May 04 Javascript
JQuery实现的按钮倒计时效果
Dec 23 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
Jan 13 Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
Node.js使用Angular简单示例
May 11 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 Javascript
基于JS判断对象是否是数组
Jan 10 Javascript
js实现超级玛丽小游戏
Mar 18 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
ASP和PHP都是可以删除自身的
2007/04/09 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
几个有用的php字符串过滤,转换函数代码
2012/05/01 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
使用Apache的rewrite
2021/03/09 Servers
一些有关检查数据的JS代码
2006/09/07 Javascript
jquery遍历input取得input的name
2009/04/27 Javascript
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
屏蔽Flash右键信息的js代码
2010/01/17 Javascript
js下利用控制器载入对应脚本
2010/07/17 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
javascript实现删除前弹出确认框
2015/06/04 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
angularjs指令之绑定策略(@、=、&)
2017/04/13 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
记一次webapck4 配置文件无效的解决历程
2018/09/19 Javascript
vue.config.js常用配置详解
2019/11/14 Javascript
简单解析Django框架中的表单验证
2015/07/17 Python
Python字符编码判断方法分析
2016/07/01 Python
Python操作Oracle数据库的简单方法和封装类实例
2018/05/07 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
Python调用.net动态库实现过程解析
2020/06/05 Python
python super()函数的基本使用
2020/09/10 Python
python用Configobj模块读取配置文件
2020/09/26 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
销售人员中英文自荐信
2013/09/22 职场文书
京剧自荐信
2014/01/26 职场文书
擅自离岗检讨书
2014/02/11 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
Python机器学习之KNN近邻算法
2021/05/14 Python
Python使用Kubernetes API访问集群
2021/05/30 Python