jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
更新时间：2012年03月21日 17:24:40 作者：
写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展
上个月研究学习了《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.jb51.net/js/2012/isParent/jquery.htm
复制代码 代码如下:
//判断:当前元素是否是被筛选元素的子元素
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.jb51.net/js/2012/isParent/jquery.htm
您可能感兴趣的文章:
- jQuery获得子元素个数的方法
- jquery使用remove()方法删除指定class子元素
- jQuery统计指定子元素数量的方法
- jquery删除指定子元素代码实例
- jquery中获取元素里某一特定子元素的代码
- jquery获取一个元素下面相同子元素的个数代码
- 使用jquery选择器如何获取父级元素、同级元素、子元素
- jquery查找父元素、子元素(个人经验总结)
- jquery中子元素和后代元素的区别示例介绍
- jquery判断元素的子元素是否存在的示例代码
- js与jquery获取父元素,删除子元素的两种不同方法
- 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
- jQuery Selectors(选择器)的使用(七、子元素篇)
- 简单讲解jQuery中的子元素过滤选择器
相关文章
这篇文章主要介绍了jQuery实现滚动到底部时自动加载更多的方法,涉及jQuery基于ajax动态操作页面元素相关实现技巧,需要的朋友可以参考下2018-02-02
扩展jquery easyui tree的搜索树节点方法(推荐)
下面小编就为大家带来一篇扩展jquery easyui tree的搜索树节点方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
本章继续我们的JQuery选择器的学习旅程 首先照上一章一样，提供我学习用的例子2009-07-07
这篇文章主要介绍了jQuery实现侧边栏隐藏与显示的方法,结合实例形式较为详细的分析了jQuery基于事件响应与页面元素属性动态操作实现元素显示与隐藏功能的相关操作技巧,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了jQuery实现动态添加和删除input框，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
如果对于jquery的$()包装器函数还不是很清楚，请先参阅我的上一篇日志：浅析jQuery的链式调用2010-12-12
jquery控制select的text/value值为选中状态
这篇文章主要对jquery控制select的text/value值为选中状态做下总结，省的每次使用都要到网上翻下2014-06-06
这篇文章主要介绍了JQ技术实现注册页面带有校验密码强度,需要的朋友可以参考下2015-07-07
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
这篇文章主要介绍了在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了完善的jquery处理机制的相关资料，感兴趣的小伙伴们可以参考一下2016-02-02
最新评论