jQuery中判斷一個元素是否為另一個元素的子元素(或者其本身)
更新時間:2012年03月21日 17:24:40 作者:
寫了比較簡單的jQuery判斷一個元素是否為另一個元素的子元素(或者其本身)的兩個擴展
上個月研究學(xué)習(xí)了《js判斷一個元素是否為另一個元素的子元素》,感覺還挺好用,但是在jQuery應(yīng)用中還是有很多缺陷,比如多個元素的時候?qū)懫饋砭筒皇呛芊奖恪K詫懥吮容^簡單的jQuery判斷一個元素是否為另一個元素的子元素(或者其本身)的兩個擴展:
//判斷:當(dāng)前元素是否是被篩選元素的子元素
jQuery.fn.isChildOf = function(b){
return (this.parents(b).length > 0);
};
//判斷:當(dāng)前元素是否是被篩選元素的子元素或者本身
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
復(fù)制代碼 代碼如下:
//判斷:當(dāng)前元素是否是被篩選元素的子元素
jQuery.fn.isChildOf = function(b){
return (this.parents(b).length > 0);
};
//判斷:當(dāng)前元素是否是被篩選元素的子元素或者本身
jQuery.fn.isChildAndSelfOf = function(b){
return (this.closest(b).length > 0);
};
使用起來也非常方便:
復(fù)制代碼 代碼如下:
$(document).click(function(event){
alert($(event.target).isChildOf(".floatLayer"));
});
或者:
復(fù)制代碼 代碼如下:
$(document).click(function(event){
alert($(event.target).isChildAndSelfOf (".floatLayer"));
});
演示地址: http://demo.jb51.net/js/2012/isParent/jquery.htm
您可能感興趣的文章:
- jQuery獲得子元素個數(shù)的方法
- jquery使用remove()方法刪除指定class子元素
- jQuery統(tǒng)計指定子元素數(shù)量的方法
- jquery刪除指定子元素代碼實例
- jquery中獲取元素里某一特定子元素的代碼
- jquery獲取一個元素下面相同子元素的個數(shù)代碼
- 使用jquery選擇器如何獲取父級元素、同級元素、子元素
- jquery查找父元素、子元素(個人經(jīng)驗總結(jié))
- jquery中子元素和后代元素的區(qū)別示例介紹
- jquery判斷元素的子元素是否存在的示例代碼
- js與jquery獲取父元素,刪除子元素的兩種不同方法
- 擴展Jquery插件處理mouseover時內(nèi)部有子元素時發(fā)生樣式閃爍
- jQuery Selectors(選擇器)的使用(七、子元素篇)
- 簡單講解jQuery中的子元素過濾選擇器
相關(guān)文章
JQuery在光標(biāo)位置插入內(nèi)容的實現(xiàn)代碼
IE下可以通過 document.selectIOn.createRange ();來實現(xiàn),而Firefox(火狐)瀏覽器則 需要首先獲取光標(biāo)位置,然后對value進行字符串截取處理2010-06-0640個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之二
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。2011-12-12Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法
這篇文章主要介紹了Jquery實現(xiàn)圖片預(yù)加載與延時加載的方法,分別介紹了原生javascript與jQuery插件實現(xiàn)圖片的預(yù)加載及延遲加載的方法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12jquery (show,fadeOut,Animate)簡單效果
jquery (show,fadeOut,Animate)簡單效果,需要的朋友可以參考下。2009-11-11jQuery實現(xiàn)iframe父窗體和子窗體的相互調(diào)用
這篇文章主要介紹了jQuery實現(xiàn)iframe父窗體和子窗體的相互調(diào)用,涉及jQuery窗體調(diào)用的相關(guān)技巧,需要的朋友可以參考下2016-06-06JQuery自定義事件的應(yīng)用 JQuery最佳實踐
本文主要介紹JQuery框架里面支持的自定義事件模型,通過實例說明什么時候可以利用事件模型進行面向?qū)ο蟮腏S編程,以及利用“帶命名空間的事件處理函數(shù)”來避免unbind時影響別的事件訂閱。2010-08-08