Heim > Web-Frontend > js-Tutorial > Hauptteil

Was ist die Verwendungsform jedes einzelnen in jquery?

WBOY
Freigeben: 2021-12-23 17:41:32
Original
1739 Leute haben es durchsucht

Die Verwendungsform von every in jquery lautet „$(selector).each(function(index,element))“. Die Methode every() kann die Funktion angeben, die für übereinstimmende Elemente ausgeführt werden soll, und wird häufig zum Durchlaufen angegebener Elemente verwendet Objekte und Arrays.

Was ist die Verwendungsform jedes einzelnen in jquery?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Was ist die Verwendungsform von every in jquery?

each()-Methode gibt die Funktion an, die für jedes übereinstimmende Element ausgeführt werden soll.

Tipp: Die Rückgabe von false kann verwendet werden, um die Schleife vorzeitig zu stoppen.

Die Syntax lautet wie folgt:

$(selector).each(function(index,element))
Nach dem Login kopieren

Die Parameter werden wie folgt ausgedrückt:

function(index,element) ist ein erforderlicher Parameter, der die Funktion angibt, die für jedes übereinstimmende Element ausgeführt werden soll.

Index stellt die Indexposition des Selektors dar, Element stellt das aktuelle Element dar (der Selektor „dieser“ kann auch verwendet werden)

Das Beispiel sieht wie folgt aus

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
Nach dem Login kopieren

Das Ausgabeergebnis:

Was ist die Verwendungsform jedes einzelnen in jquery?

Nach dem Klicken auf die Schaltfläche Die Ausgabe lautet wie folgt:

Was ist die Verwendungsform jedes einzelnen in jquery?

Was ist die Verwendungsform jedes einzelnen in jquery?

Was ist die Verwendungsform jedes einzelnen in jquery?

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist die Verwendungsform jedes einzelnen 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