Heim > Web-Frontend > js-Tutorial > Was bedeutet eq in jquery

Was bedeutet eq in jquery

WBOY
Freigeben: 2021-12-13 11:01:00
Original
6042 Leute haben es durchsucht

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)“.

Was bedeutet eq in jquery

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>
Nach dem Login kopieren

Ausgabeergebnis:

Was bedeutet eq in jquery

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>
Nach dem Login kopieren

Ausgabeergebnis:

Was bedeutet eq in jquery

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!

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