Rumah >hujung hadapan web >tutorial js >jquery的each循环基础用法实例详解

jquery的each循环基础用法实例详解

伊谢尔伦asal: 2017-06-16 10:33:481747semak imbas

在javascript中常见的循环语句有： while循环 do while循环和for循环。三种循环语句都有自己的优势。

一、while循环

格式如下:

while (条件){

需要执行的代码

}

document.write("这里是while打印的1-50的输入：");

var i = 1;

while(i7a11242bd3e90c0a996ec79dbdd35601 2

例子： document.write("这里是do--while打印的1-50的输入:");

var k = 1;

do{

document.write(k);

k++;

}while(k614a297996ccde5d10e31aa39dcf2d192--->4-->3

for循环什么时候结束呢:当逻辑判断为假（false）的时候，就终止循环了.

例子：从1打印到100;

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

document.wirter(" "+i)

}

三者的区别用一个小案例来证明：

do{

document.write("这里会输入到页面吗？");

}while(1==2);

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

document.write("for这里会输入到页面吗？");

}

while(i==2){

document.write("while这里会输入到页面吗？");

}

通过实际证明：do while语句里面的内容会直接输出来。

总结：for循环 while循环 do while循环三者的区别在于：do while不管逻辑条件是否满足都会进行循环体一次,而while和for却不会。

附上jquery each()循环 -动手试试

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

Atas ialah kandungan terperinci jquery的each循环基础用法实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Jquery中Ajax语法实例总结Artikel seterusnya：利用正则表达式验证javascript表单大全

Artikel berkaitan

Lihat lagi