ホームページ > 記事 > ウェブフロントエンド > jqueryの各ループの基本的な使用例を詳しく解説
jqueryの各ループの基本的な使用例を詳しく解説
- 伊谢尔伦オリジナル
- 2017-06-16 10:33:481689ブラウズ
|
JavaScript の一般的なループ ステートメントは、whileloop do whileloop および forloop です。 3 種類のループ ステートメントにはすべて、それぞれ独自の利点があります。 I. While ループ 次のような形式になります: While (条件) { 実行する必要があるコード}} document("ここに 1- の入力があります。 50 は while:"); var i = 1; while(i document.write(i); i++; によって印刷されました。 } 2. do while ループ
の形式は次のとおりです: do{ ループ本体2 }while(論理判断1); まず論理判断1を入力します 例: document.write( " do--while によって出力された 1 ～ 50 の入力は次のとおりです。 }while(k<=50); 3. for ループ 形式は次のとおりです。代入 (3) ){ ループ本体 (4) } 実行プロセスは次のとおりです: 1--->2--->4--->3 forループはいつ終了するか: 論理判定が偽(false)の場合、ループは終了します。 例: 1 から 100 まで印刷します; for(var i=1;i<=100;i++){ document.wirter(" "+i) } 3 つの違いを小さなケースで示します: do{ document.write("Will this be enter into the page?"); }while(1==2 ); for(var i=1;i==2;i++){ document.write("ここのページに入力されますか?"); } while( i==2){ document.write("while while ページに入力されますか?"); } それは実践を通じて証明されています: のコンテンツdo while ステートメントは直接出力されます。 概要: for ループ while ループ do while ループ 3 つの違いは次のとおりです: do while は論理条件が満たされるかどうかに関係なくループ本体を 1 回実行しますが、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>
|
以上がjqueryの各ループの基本的な使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。