> 웹 프론트엔드 > JS 튜토리얼 > Jquery의 각 루프에 대한 기본 사용 예에 ​​대한 자세한 설명

Jquery의 각 루프에 대한 기본 사용 예에 ​​대한 자세한 설명

伊谢尔伦
풀어 주다: 2017-06-16 10:33:48
원래의
1730명이 탐색했습니다.

JavaScript의 일반적인 루프 문은 whileloop do whileloop 및 forloop입니다. 세 가지 유형의 루프 문에는 모두 고유한 장점이 있습니다. I. While 루프

형식은 다음과 같습니다.

While(조건) { 실행해야 하는 코드}}

문서의 입력은 다음과 같습니다. 50은 while에 의해 인쇄됨:");

var i = 1;

while(i<=50){

document.write(i);

i++;

}

2. do while 루프

형식은 다음과 같습니다.

do{

루프 본문 2

}while(논리 판단 1);

먼저 논리적 판단 1 ---> 2

을 입력합니다. 다음은 do--while에 의해 인쇄된 1-50의 입력입니다: ");

var k = 1;

do{

document.write(k);

k++;

}while(k<=50);

3. for 루프

형식은 다음과 같습니다.

for (초기화(1); 논리적 판단(2); 할당 (3) ){

루프 본문 (4)

}

실행 프로세스는 다음과 같습니다. 1--->2--->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("여기 페이지에 입력하시겠습니까?");

}

while( i==2){

document.write("while 동안 페이지에 입력됩니까?");

}

실습을 통해 입증되었습니다. do while 문이 직접 출력됩니다.

요약: for 루프 while 루프 do while 루프 세 가지의 차이점은 do while은 논리 조건이 충족되는지 여부에 관계없이 루프 본문을 한 번 실행하고 while과 for는 그렇지 않다는 것입니다.

첨부된 jquery 각() 루프 - 직접 시도해 보세요

      <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>
로그인 후 복사



위 내용은 Jquery의 각 루프에 대한 기본 사용 예에 ​​대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿