Explication détaillée des exemples d'utilisation de base de chaque boucle de jquery-js tutoriel-php.cn

Explication détaillée des exemples d'utilisation de base de chaque boucle de jquery

伊谢尔伦

Libérer： 2017-06-16 10:33:48

original

1730 Les gens l'ont consulté

Les instructions de boucle courantes en JavaScript sont : while boucle do while boucle et for Boucle . Les trois types d'instructions de boucle ont leurs propres avantages. Format Comme suit :

while (condition){

Code qui doit être exécuté >

document.write("Voici l'entrée de 1 à 50 imprimée par while :");

var i = 1 ;

while(i<=50){

document.write(i);

i++;

}

2. La boucle do while

a le format suivant :

faire{

Corps de boucle 2

}pendant que(jugement logique 1);

Tout d'abord, entrez le jugement logique 1 ---> 2

Exemple : document.write("Voici l'entrée de 1 à 50 imprimée par do--while : ");

var k = 1;

faire{

document.write (k);

k++;

}pendant que(k<=50);

3. boucle for

Le format est le suivant :

for (initialisation (1) ; jugement logique (2); Devoir (3)){

Corps de boucle (4)

}

Le processus d'exécution est : 1--->2--->4-->3

Quand se termine la boucle for : lorsque le jugement logique est faux ( false), Le cycle est terminé.

Exemple : Imprimer de 1 à 100 ;

for(var i=1;i<=100;i++){

document.wirter(" "+i)

}

La différence entre les trois est démontrée avec un petit boîtier :

do{

document.write("Est-ce que cela sera inscrit dans la page ?");

}pendant que(1==2);

pour(var i=1;i==2;i++){

document .write("Sera-t-il entré dans la page ici ?");

}

while(i==2) {

document.write("Est-ce que ceci sera saisi dans la page pendant ?");

}

Prouvé par la pratique : le contenu de l'instruction do while sera affiché directement.

Résumé : La différence entre la boucle for while et la boucle do while est la suivante : do while exécutera le corps de la boucle une fois, que les conditions logiques soient remplies ou non. , pendant que pendant et pendant Mais ce ne sera pas le cas.

Boucle jquery each() ci-jointe - essayez-la vous-même

      <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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!