Quelle est l'utilité de chacun dans jquery-Questions et réponses frontales-php.cn

Quelle est l'utilité de chacun dans jquery

WBOY

Libérer： 2022-04-02 18:09:52

original

2450 Les gens l'ont consulté

Utilisation : 1. Utilisé pour spécifier la fonction à exécuter pour chaque élément correspondant, la syntaxe est "$(selector).each(function(index,element))" 2. Utilisé pour parcourir les objets et les tableaux spécifiés, la syntaxe est "$.each (objet ou tableau à parcourir, fonction utilisée pour l'exécution de la boucle)".

Quelle est l'utilité de chacun dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Quelle est l'utilisation de each dans jquery

1. La méthode each() spécifie la fonction à exécuter pour chaque élément correspondant.

Astuce : retourner false peut être utilisé pour arrêter la boucle plus tôt.

$(selector).each(function(index,element))

Copier après la connexion

fonction (index, élément) requise. Spécifie la fonction à exécuter pour chaque élément correspondant.

L'exemple est le suivant :

<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>

Copier après la connexion

Résultat de sortie :

Quelle est lutilité de chacun dans jquery

Après avoir cliqué sur le bouton :

Quelle est lutilité de chacun dans jquery

2 La fonction jQuery.each() est utilisée pour parcourir les objets et les tableaux spécifiés. .

Syntaxe

$.each( object, callback )

Copier après la connexion

object Le type d'objet spécifie l'objet ou le tableau qui doit être parcouru.

callback Function type spécifie la fonction utilisée pour l'exécution de la boucle.

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<script>
$(function () { 
$.each([52, 97], function(index, value) {
  alert(index + &#39;: &#39; + value);
});
})
</script>
 
</body>
</html>

Copier après la connexion

Résultat de sortie :

Quelle est lutilité de chacun dans jquery