[JQueryセレクタ関数の変数]

7082 ワード
n.関数 jquery へんすう 選択者 テキストリンク
まず今日のハーモニーを見てみましょう
<!DOCTYPE html>
<html>
<head>
    <title>jQuery Basic</title>
    <script src="http://code.jquery.com/jquery-3.1.0.js"></script>
    <script>
        $(document).ready(function () {
            // 문서 객체를 추가합니다.
            var output = '';
            for (var i = 0; i < 256; i++) { //1번 i
                output += '<div>'+i+'</div>';
            }
            document.body.innerHTML = output;

            $('div').text(i); // 2번 i
            
            // 스타일을 적용합니다.
            $('div').css({
                height: 20,
                backgroundColor: function (i) { //3번 i
                    return 'rgb(' + i + ',' + i + ',' + i + ')';
                }
            });


        });
    </script>
</head>
<body>

</body>
</html>
ここには3番iという変数があります
最初のiは、for文に条件文を作成するために使用されます.
2番目のiはdivに値をテキスト形式で配置するために使用されます.
3番目のiはfunctionに書き込まれ、divにrgb値を指定します.
ここで各iはどんな値を表しますか?
条件文で指定したように、最初のiの番号は0から255です.したがって、for文では、値は0から255です.
2番目のiはdivに256の値を提供する.したがって、上記のファイルを実行すると、divごとに次のように数値を指定できます.
3番目のiは1番目のiであり、2番目のiは別のiである.variですがvarはキーワードを省略できるのが特徴ですこれは新しい宣言の変数です.しかし、どうして0から255を指定することができますか?
私もこの部分を掘っている間に白髪が生えましたおしゃれなライオンのように先生に質問してよかったので、解決しました.
まずdivはfor文の前に256個の配列フォーマットを複数作成した.だからdiv配列の大きさは256ですここで、関数のiは配列のインデックスで関数を実行する.したがって、divの背景色は、次のインデックス値に従って順次決定されます.

要するに、3番目のiは、生成されたdivのインデックス値を受け入れて実行するので、値は0から255までである.
雑談ですが勉強しているうちにjqueryも一種の言語だと感じましたTOEICに900以上打たれても先住民とは違うようです.学校で試験を受けるのはコード能力と違うので、もっと実習しなければならないと思います.
JavaScript第一、var/let/contの宣言と割り当て、ハイライト
Hadoopの配布スクリプト作成