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統(tǒng)計指定子元素數量的方法
- jquery刪除指定子元素代碼實例
- jquery中獲取元素里某一特定子元素的代碼
- jquery獲取一個元素下面相同子元素的個數代碼
- 使用jquery選擇器如何獲取父級元素、同級元素、子元素
- jquery查找父元素、子元素(個人經驗總結)
- jquery中子元素和后代元素的區(qū)別示例介紹
- jquery判斷元素的子元素是否存在的示例代碼
- js與jquery獲取父元素,刪除子元素的兩種不同方法
- 擴展Jquery插件處理mouseover時內部有子元素時發(fā)生樣式閃爍
- jQuery Selectors(選擇器)的使用(七、子元素篇)
- 簡單講解jQuery中的子元素過濾選擇器
相關文章
這篇文章主要介紹了jQuery實現滾動到底部時自動加載更多的方法,涉及jQuery基于ajax動態(tài)操作頁面元素相關實現技巧,需要的朋友可以參考下2018-02-02
擴展jquery easyui tree的搜索樹節(jié)點方法(推薦)
下面小編就為大家?guī)硪黄獢U展jquery easyui tree的搜索樹節(jié)點方法(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
本章繼續(xù)我們的JQuery選擇器的學習旅程 首先照上一章一樣，提供我學習用的例子2009-07-07
這篇文章主要介紹了jQuery實現側邊欄隱藏與顯示的方法,結合實例形式較為詳細的分析了jQuery基于事件響應與頁面元素屬性動態(tài)操作實現元素顯示與隱藏功能的相關操作技巧,需要的朋友可以參考下2018-12-12
jQuery實現動態(tài)添加和刪除input框代碼實例
這篇文章主要介紹了jQuery實現動態(tài)添加和刪除input框，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
如果對于jquery的$()包裝器函數還不是很清楚，請先參閱我的上一篇日志：淺析jQuery的鏈式調用2010-12-12
jquery控制select的text/value值為選中狀態(tài)
這篇文章主要對jquery控制select的text/value值為選中狀態(tài)做下總結，省的每次使用都要到網上翻下2014-06-06
這篇文章主要介紹了JQ技術實現注冊頁面帶有校驗密碼強度,需要的朋友可以參考下2015-07-07
在瀏覽器中實現圖片粘貼的jQuery插件-- pasteimg使用指南
這篇文章主要介紹了在瀏覽器中實現圖片粘貼的jQuery插件-- pasteimg使用指南,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了完善的jquery處理機制的相關資料，感興趣的小伙伴們可以參考一下2016-02-02