PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

jquery contains()方法有什么用

青灯夜游
青灯夜游 原创
2022-03-01 18:46:05 3031浏览

在jquery中,contains()方法用于判断指定元素内是否包含另一个元素,即用于判断另一个元素是否是指定元素的后代,语法为“$.contains(祖辈容器元素,后代元素)”。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery contains()方法

contains()方法用于判断指定元素内是否包含另一个元素。

简而言之,contains()方法用于判断另一个DOM元素是否是指定DOM元素的后代。

语法

$.contains( container, contained )
参数

描述

containerElement类型  指定可能包含其他元素的祖辈容器元素。
containedElement类型  指定可能被其他元素包含的后代元素。

返回值

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>

1.png

【推荐学习:jQuery视频教程web前端开发视频

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。