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 相关文章推荐
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
利用jquery包将字符串生成二维码图片
Sep 12 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
Apr 14 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
vue element table中自定义一些input的验证操作
Jul 18 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 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
PHP4实际应用经验篇(1)
2006/10/09 PHP
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
php去除HTML标签实例
2013/11/06 PHP
PHP中使用CURL发送get/post请求上传图片批处理功能
2018/10/15 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
Ajax异步提交表单数据的说明及方法实例
2013/06/22 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
JavaScript动态创建form表单并提交的实现方法
2015/12/10 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
javascript数组去重小结
2016/03/07 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
Vue js 的生命周期(看了就懂)(推荐)
2019/03/29 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
2019/09/06 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
js实现点击生成随机div
2020/01/16 Javascript
python读写ini文件示例(python读写文件)
2014/03/25 Python
几个提升Python运行效率的方法之间的对比
2015/04/03 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
python实现移动木板小游戏
2020/10/09 Python
最新pycharm安装教程
2020/11/18 Python
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
Pretty Green美国:英式摇滚服饰风格代表品牌之一
2019/01/23 全球购物
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
欢迎横幅标语
2014/06/17 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers