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