So ermitteln Sie anhand der ID in jquery, ob ein Element vorhanden ist

青灯夜游
Freigeben: 2022-05-25 14:43:06
Original
3974 Leute haben es durchsucht

判断方法:1、通过id属性值获取指定元素,语法“$("#id值")”,会返回一个包含指定元素的jQuery对象;2、使用“元素对象.length>0”语句判断指定jQ对象中元素的个数是否大于0,如果大于0则指定id元素存在,反之则不存在。

So ermitteln Sie anhand der ID in jquery, ob ein Element vorhanden ist

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

jquery根据id判断元素是否存在的方法

1、通过id属性值获取指定元素

$("#id值")
Nach dem Login kopieren

会返回一个包含指定元素的jQuery对象

2、使用length属性检测该jQuery对象是否存在

jQuery对象.length>0
Nach dem Login kopieren

length属性可以统计jquery对象中元素的个数

  • 如果指定id元素存在,则元素个数会大于等于1

  • 如果个数等于0则,指定id元素不存在

实现示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			div,p{
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
		</style>

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					var len=$("#box").length;
					console.log("id元素存在,个数为:"+len);
					$("#box").css({
						"color": "red",
						"border": "2px solid red"
					});
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<div id="box">div元素</div>
		<p>p元素</p>
		<div>div元素</div>
		<button>id为“box”的元素是否存在</button>
	</body>

</html>
Nach dem Login kopieren

So ermitteln Sie anhand der ID in jquery, ob ein Element vorhanden ist

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

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie anhand der ID in jquery, ob ein Element vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage