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实现动态移动层及拖动浮层关闭的方法
Apr 30 Javascript
JS组件Bootstrap Table布局详解
May 27 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
基于vue.js的分页插件详解
Nov 27 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
Jan 21 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
利用vue和element-ui设置表格内容分页的实例
Mar 02 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
Apr 26 Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
Vue+Spring Boot简单用户登录(附Demo)
Nov 12 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
苏联队长,苏联超人蝙蝠侠,这些登场的“山寨”英雄真的很严肃
2020/04/09 欧美动漫
自动分页的不完整解决方案
2007/01/12 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
读JavaScript DOM编程艺术笔记
2011/11/15 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
JavaScript获取和设置CheckBox状态的简单方法
2013/07/05 Javascript
借助javascript代码判断网页是静态还是伪静态
2014/05/05 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
PHP+mysql+Highcharts生成饼状图
2015/05/04 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
2015/06/19 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
JSON与js对象序列化实例详解
2017/03/16 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
VUE写一个简单的表格实例
2019/08/06 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
2020/05/28 Javascript
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
python实现爬虫下载漫画示例
2014/02/16 Python
python读取html中指定元素生成excle文件示例
2014/04/03 Python
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
Django 导出 Excel 代码的实例详解
2017/08/11 Python
使用Python读取大文件的方法
2018/02/11 Python
中国高端鲜花第一品牌:roseonly(一生只送一人)
2017/02/12 全球购物
给女朋友道歉的话大全
2015/01/20 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
2014年个人年终总结
2015/03/09 职场文书
教师考核鉴定意见
2015/06/05 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书