Heim >Web-Frontend >js-Tutorial >Was bedeutet eq in jquery
Was bedeutet eq in jquery
- WBOYOriginal
- 2021-12-13 11:01:006033Durchsuche
eq bedeutet: 1. „:eq()“-Selektor, der Elemente mit einem angegebenen Indexwert auswählen kann. Die Syntax ist „$(“:eq(index)“)“; Diese Methode kann das Element mit der vom ausgewählten Element angegebenen Indexnummer zurückgeben. Die Syntax lautet „$(element).eq(index)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Was bedeutet eq in jquery
1. Es bedeutet: eq()-Selektor.
:eq()-Selektor wählt Elemente mit dem angegebenen Indexwert aus.
Indexwerte beginnen bei 0 und der Indexwert aller ersten Elemente ist 0 (nicht 1).
Wird oft zusammen mit anderen Elementen/Selektoren verwendet, um Elemente mit einer bestimmten Sequenznummer in einer bestimmten Gruppe auszuwählen.
Das Beispiel lautet wie folgt:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p:eq(1)").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
</body>
</html>Ausgabeergebnis:
2 Es stellt die eq()-Traversalmethode dar. Die Methode
eq() gibt das Element mit der angegebenen Indexnummer des ausgewählten Elements zurück.
Indexnummern beginnen mit 0, daher ist die Indexnummer des ersten Elements 0 (nicht 1).
Das Beispiel lautet wie folgt:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.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 (index 1).</p>
<p>我住在 Duckburg (index 2).</p>
<p>我最好的朋友是 Mickey (index 3).</p>
</body>
</html>Ausgabeergebnis:
Empfehlung für ein entsprechendes Video-Tutorial: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas bedeutet eq in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!