suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >Wozu dient die jquery eq()-Methode?

Wozu dient die jquery eq()-Methode?

青灯夜游
青灯夜游Original
2022-09-14 18:03:182865Durchsuche

In jquery wird die Methode eq() verwendet, um das Element mit der angegebenen Indexnummer des ausgewählten Elements zurückzugeben. Die Syntax lautet „$(selector).eq(index)“; der Wert des Parameters „index“. eine Ganzzahl, die verwendet wird für: Gibt die Indexnummer des Elements an, die negativ sein kann (der Index wird ab dem Ende des ausgewählten Elements berechnet). Beachten Sie, dass Indexnummern mit 0 beginnen, sodass die Indexnummer des ersten Elements 0 (nicht 1) ist.

Wozu dient die jquery eq()-Methode?

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

jquery eq()-Methode

eq()-Methode wird verwendet, um das Element mit der angegebenen Indexnummer des ausgewählten Elements zurückzugeben.

Syntax: 

$(selector).eq(index)

  • Index: Erforderlich. Gibt den Index des Elements an, der eine Ganzzahl oder eine negative Zahl sein kann. Wenn eine negative Zahl verwendet wird, wird der Index ab dem Ende des ausgewählten Elements berechnet.

Hinweis: Die Indexnummer beginnt bei 0, daher ist die Indexnummer des ersten Elements 0 (nicht 1).

Usage Beispiel

Beispiel 1: Wählen Sie das zweite & lt; p & gt; das ausgewählte Element Das zweite 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").eq(1).css("background-color", "yellow");
			});
		</script>
	</head>
	<body>

		<h1>欢迎来到我的主页</h1>
		<p>我的名字叫Donald (索引号为 0).</p>
		<p>Donald Duck (索引号为 1).</p>
		<p>我住在 Duckburg (索引号为 2).</p>
		<p>我最好的朋友是 Mickey (索引号为 3).</p>

	</body>
</html>

Wozu dient die jquery eq()-Methode?

Beispiel 3:

Wenn das Element basierend auf dem angegebenen Indexparameter nicht gefunden werden kann, erstellt diese Methode ein jQuery-Objekt mit einer leeren Menge und einer Längeneigenschaft von 0. Wozu dient die jquery eq()-Methode?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").eq(-2).css("background-color", "yellow");
			});
		</script>
	</head>
	<body>

		<h1>欢迎来到我的主页</h1>
		<p>我的名字叫Donald (索引号为 0).</p>
		<p>Donald Duck (索引号为 1).</p>
		<p>我住在 Duckburg (索引号为 2).</p>
		<p>我最好的朋友是 Mickey (索引号为 3).</p>

	</body>
</html>

Hier wird der Hintergrund ohne das p-Element gelb, da das sechste p-Element durch

gekennzeichnet ist.

【Empfohlenes Lernen:

jQuery-Video-Tutorial.eq(5),

Web-Frontend

】Wozu dient die jquery eq()-Methode?

Das obige ist der detaillierte Inhalt vonWozu dient die jquery eq()-Methode?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery Length 对象
Stellungnahme：
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
Vorheriger Artikel：Steht vue.js im Konflikt mit jquery?Nächster Artikel：Steht vue.js im Konflikt mit jquery?

In Verbindung stehende Artikel

Mehr sehen