首頁 web前端 js教程 jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)_jquery

jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)_jquery

May 16, 2016 pm 05:55 PM
元素

上个月研究学习了《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
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

C++程式:在陣列中加入一個元素 C++程式:在陣列中加入一個元素 Aug 25, 2023 pm 10:29 PM

數組是一種線性順序資料結構,用於在連續的記憶體位置中保存同質資料。與其他資料結構一樣,陣列也必須具備以某種有效方式插入、刪除、遍歷和更新元素的功能。在C++中,我們的陣列是靜態的。 C++中也提供了一些動態數組結構。對於靜態數組,該數組內可能儲存Z個元素。到目前為止,我們已經有n個元素了。在本文中,我們將了解如何在C++中在陣列末尾插入元素(也稱為追加元素)。透過範例理解概念‘this’關鍵字的使用方式如下GivenarrayA=[10,14,65,85,96,12,35,74,69]Afterin

CSS過渡效果:如何實現元素的滑動效果 CSS過渡效果:如何實現元素的滑動效果 Nov 21, 2023 pm 01:16 PM

CSS過渡效果:如何實現元素的滑動效果引言:在網頁設計中,元素的動態效果能夠提升使用者體驗,其中滑動效果是常見而又受歡迎的過渡效果。透過CSS的過渡屬性,我們可以輕鬆實現元素的滑動動畫效果。本文將介紹如何使用CSS過渡屬性來實現元素的滑動效果,並提供具體的程式碼範例,以幫助讀者更好地理解和應用。一、CSS過渡屬性transition的簡介CSS過渡屬性tra

CSS變形:如何實現元素的旋轉效果 CSS變形:如何實現元素的旋轉效果 Nov 21, 2023 pm 06:36 PM

CSS變形:如何實現元素的旋轉效果,需要具體程式碼範例在網頁設計中,動畫效果是提高使用者體驗和吸引使用者註意力的重要方式之一,而旋轉動畫是其中比較經典的一種。在CSS中,使用「transform」屬性可以實現元素的各種變形效果,包括旋轉。本文將詳細介紹如何利用CSS的「transform」實現元素的旋轉效果,並提供具體的程式碼範例。一、如何使用CSS的「transf

在JavaFX中,有哪些不同的路徑元素? 在JavaFX中,有哪些不同的路徑元素? Aug 28, 2023 pm 12:53 PM

javafx.scene.shape套件提供了一些類,您可以使用它們繪製各種2D形狀,但這些只是原始形狀,如直線、圓形、多邊形和橢圓形等等...因此,如果您想繪製複雜的自訂形狀,您需要使用Path類別。 Path類Path類別使用此表示形狀的幾何輪廓您可以繪製自訂路徑。為了繪製自訂路徑,JavaFX提供了各種路徑元素,所有這些都可以作為javafx.scene.shape套件中的類別使用。 LineTo-該類別表示路徑元素line。它可以幫助您從當前座標到指定(新)座標繪製一條直線。 HlineTo-這是表

html5不支援哪些元素 html5不支援哪些元素 Aug 11, 2023 pm 01:25 PM

html5不支援的元素有純表現性元素、基於框架的元素、應用程式元素、可替換元素和舊的表單元素。詳細介紹:1、純表現性的元素,如font、center、s、u等,這些元素通常被用來控製文字樣式和佈局;2、基於框架的元素,如frame、frameset和noframes,這些元素在過去用於創建網頁佈局和分割視窗;3、應用程式相關的元素,如applet和isinde等等。

如何使用HTML和CSS實作一個具有固定導航選單的佈局 如何使用HTML和CSS實作一個具有固定導航選單的佈局 Oct 26, 2023 am 11:02 AM

如何使用HTML和CSS實現一個具有固定導航選單的佈局在現代網頁設計中,固定導航選單是常見的佈局之一。它可以使導航選單始終保持在頁面頂部或側邊,使用戶可以輕鬆瀏覽網頁內容。本文將介紹如何使用HTML和CSS實作一個具有固定導航選單的佈局,並提供具體的程式碼範例。首先,需要建立一個HTML結構來呈現網頁的內容和導覽選單。以下是一個簡單的範例

Python程式用於測試清單中的所有元素是否最大間隔為K Python程式用於測試清單中的所有元素是否最大間隔為K Aug 28, 2023 pm 05:25 PM

在許多程式場景中,我們都會遇到需要確定清單中的所有元素是否最多相距K個位置的情況。這個問題出現在各個領域,例如資料分析、序列處理和演算法挑戰。能夠測試和驗證這些條件對於確保我們程序的完整性和正確性至關重要。在本文中,我們將探索一個Python程式來有效地解決這個問題。我們將討論這個概念,提出解決問題的逐步方法,並提供工作代碼實作。讀完本文後,您將清楚了解如何使用Python檢查清單中的元素是否最多相距K個位置。理解問題在深入研究解決方案之前,讓我們先詳細了解問題陳述。給定一個元素列表,我們需要

如何使用CSS實現元素的透明度漸變效果 如何使用CSS實現元素的透明度漸變效果 Nov 21, 2023 pm 01:38 PM

如何使用CSS實現元素的透明漸變效果在Web開發中,為網頁元素添加過渡效果是提升使用者體驗的重要手段之一。透明度的漸層效果不僅可以使頁面變得更加平滑,還可以突出元素的重點內容。本文將介紹如何使用CSS實現元素的透明度漸變效果,並提供具體的程式碼範例。使用CSS的transition屬性要實現元素的透明度漸變效果,我們需要使用CSS的transition屬性。 t

See all articles