首頁  >  文章  >  web前端  >  jquery contains()方法有什麼用

jquery contains()方法有什麼用

青灯夜游
青灯夜游原創
2022-03-01 18:46:053345瀏覽

在jquery中,contains()方法用於判斷指定元素內是否包含另一個元素,即用於判斷另一個元素是否是指定元素的後代,語法為「$.contains(祖輩容器元素,後代元素)」。

jquery contains()方法有什麼用

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery contains()方法

#contains()方法是用來判斷指定元素內是否包含另一個元素。

簡而言之,contains()方法用來判斷另一個DOM元素是否是指定DOM元素的後代。

語法

$.contains( container, contained )
#參數

描述

container Element類型 指定可能包含其他元素的祖輩容器元素。
contained Element類型  指定可能被其他元素包含的後代元素。

傳回值

jQuery.contains()函數的傳回值為Boolean類型,如果指定元素包含另一個元素,則回傳true,否則回傳false。

說明

jQuery.contains()僅用於比較兩個DOM元素(Element類型,不能是NodeList或其他物件)。它會從contained元素的父元素開始逐級向上查找,判斷其是否等於container元素,如果是則回傳true,否則回傳false。

範例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
	</head>
	<body>

		<script>
			$(function() {
				function funcontain(html) {
					document.body.innerHTML += "<br>" + html;
				}
				funcontain($.contains( document.documentElement, document.body )); // true
				funcontain($.contains( document.body, document.documentElement )); // false
			})
		</script>

	</body>
</html>

jquery contains()方法有什麼用

#【推薦學習:jQuery影片教學 web前端開發影片

以上是jquery contains()方法有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn