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 相关文章推荐
IE与firefox下Dhtml的一些区别小结
Dec 02 Javascript
读jQuery之一(对象的组成)
Jun 11 Javascript
ExtJS4中的requires使用方法示例介绍
Dec 03 Javascript
JavaScript事件委托实例分析
May 26 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
AngularJS实践之使用NgModelController进行数据绑定
Oct 08 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 Javascript
详解如何使用node.js的开发框架express创建一个web应用
Dec 20 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
Apr 26 Javascript
详解Node.js使用token进行认证的简单示例
May 25 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代码(抓取网页中的邮箱地址)
2012/07/17 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
PHP生成唯一订单号
2015/07/05 PHP
php文件上传的两种实现方法
2016/04/04 PHP
PHP创建XML接口示例
2019/07/04 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
javascript 拖动表格行实现代码
2011/05/05 Javascript
js控制frameSet示例
2013/09/10 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
javascript实现简单的页面右下角提示信息框
2015/07/31 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
微信小程序如何获取用户手机号
2018/01/26 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
JavaScript编码小技巧分享
2020/09/17 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
2021/01/29 jQuery
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
python 创建弹出式菜单的实现代码
2017/07/11 Python
python3+selenium实现qq邮箱登陆并发送邮件功能
2019/01/23 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
python随机生成大小写字母数字混合密码(仅20行代码)
2020/02/01 Python
Python实现括号匹配方法详解
2020/02/10 Python
css3实现椭圆轨迹旋转的示例代码
2018/10/29 HTML / CSS
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
意大利自行车商店:Cingolani Bike Shop
2019/09/03 全球购物
简述安装Slackware Linux系统的过程
2012/01/12 面试题
个人自我评价和职业目标
2014/01/24 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
二十年同学聚会感言
2015/07/30 职场文书
珍爱生命主题班会
2015/08/13 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers