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 数组克隆方法 小结
Mar 20 Javascript
jQuery随机密码生成的方法
Mar 09 Javascript
详解JavaScript的Polymer框架中的通知交互
Jul 29 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
动态加载js、css的实例代码
May 26 Javascript
BootStrap Tooltip插件源码解析
Dec 27 Javascript
AngularJs实现聊天列表实时刷新功能
Jun 15 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 Javascript
详解小程序不同页面之间通讯的解决方案
Nov 23 Javascript
Vue+Django项目部署详解
May 30 Javascript
JS指定音频audio在某个时间点进行播放
Nov 28 Javascript
vue判断按钮是否可以点击
Apr 09 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+jQuery 注册模块开发详解
2014/10/14 PHP
PHP实现的下载远程图片自定义函数分享
2015/01/28 PHP
简单解决新浪SAE无法上传文件的问题
2015/05/13 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
一个简单的javascript类定义例子
2009/09/12 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
Jquery获取当前城市的天气信息
2016/08/05 Javascript
AngularJS 与百度地图的结合实例
2016/10/20 Javascript
详解微信小程序设置底部导航栏目方法
2017/06/29 Javascript
angular+ionic返回上一页并刷新页面
2017/08/08 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
python 简单的多线程链接实现代码
2016/08/28 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
python实现ID3决策树算法
2018/08/29 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
Python HTMLTestRunner测试报告view按钮失效解决方案
2020/05/25 Python
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
实习生自荐信范文分享
2013/11/27 职场文书
财务会计专业推荐信
2013/11/30 职场文书
电脑教师的自我评价
2013/12/18 职场文书
《石榴》教学反思
2014/03/02 职场文书
产品推广策划方案
2014/05/10 职场文书
体检通知范文
2015/04/21 职场文书
收入证明范本
2015/06/12 职场文书
运动会跳远广播稿
2015/08/19 职场文书
生日寿星公答谢词
2015/09/29 职场文书
九年级英语教学反思
2016/02/15 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python