これは理解しやすいと思います。$() でラップされた JQuery オブジェクトは、パッケージング セットにオブジェクトが 1 つしかない場合でも、常にコレクションの形式で表示されます。 >コードをコピーします コードは次のとおりです: $("div").html("hi"); /script> 上で選択した 2 つの DIV の内容が "hi" に変更されます パッケージング セット内の要素の順序 JQuery でラップされた要素のうち、パッケージング セットに含まれる内部順序は HTML に従っています。ストリームは選択順序ではなく、最初から最後に配置されます: コードをコピー コードは次のとおりです。 ここに aここに b< ;/div> </a>var Se = $("#b,#a"); </span>alert(Se.get(0).innerHTML) ; </div>alert(Se.get(1).innerHTML); <div class="codebody" id="code91292"> <br> 最初に b が選択されていることがわかります。 , アラートが実行されると、最初に「here is a」が表示され、次に「here is b」が表示されます。 JQuery オブジェクトと DOM の変換まず、DOM を JQuery オブジェクトに変換します。これは非常に簡単ですただし、注意すべき点は、JQuery がラップされた要素のイベント内で常に現在のオブジェクトを指すことです: Copy code コードは次のとおりです: ここに ここでは b </a>$("div").click(function() { </span>alert(this. id);//this Ö¸Ïòµ±Ç°µÄDOM </div>}); <div class="codebody" id="code69266"> <br> DOM に設定された JQuery パッケージ内の要素も変換します。 JQuery では非常に簡単です。ほとんどの場合、JQuery の get メソッドが使用されます。 コードをコピーします コードは次のとおりです。 ここに ここに b "text/javascript">var Jq = $("div"); alert(Jq.get(0).id); //alert "a" alert( )[0].id); // アラート "a" も alert(Jq[ 0].id);// アラート "a" 上記からわかるように、get メソッドを通じてインデックスをパラメーターとして追加すると、インデックス値の DOM オブジェクトが返されます。パラメーターを追加しないと、JQuery パッケージ セット内の配列全体が返されます もう 1 つの便利な方法メソッドは、JQuery パッケージ化セットの直後に配列シンボルを追加することです。上記の Jq[0] は Jq.get(0) メソッドの便宜と考えることができます:-) 現在の JQuery の要素数を確認します。パッケージング セット多くの場合、JQuery パッケージング セット内の要素の数を確認する必要があります。パッケージング セットの長さ属性を直接使用できます (この属性は VS No プロンプトにあります) コードをコピーします コードは次のとおりです: div id="a"> ここは ここでは b <u>var Jq = $( "div"); alert($("Div").length);//alert "2" </u> この属性は直接使用することもできます 現在のパッケージング セットが空かどうかを確認します コードをコピー コードは次のとおりです: ここに b "div").length) { <a style="CURSOR: pointer" data="72470" class="copybut" id="copybut72470" onclick="doCopy('code72470')">alert("空ではない"); <u>} </u>if ($("div").get(0)) { </a>alert ("空ではない") ); </span>} </div>上記の 2 つのアラートが実行されます。2 番目のメソッドは、現在のラッピング セットの最初の要素が空であるかどうかを検出することで、ラッピング セットが空であるかどうかを判断します。特定の状況下では、ラッピング セットも「常に」空であるとは限りません。 . セット志向」 ずっとセット志向だと言いましたよね？なぜまた変わったのですか？実際、これは確かにコレクション指向ですが、次のコードなど、JQuery の特定のメソッドを使用して抽出する場合は当てはまりません。 コピー コード コードは次のとおりです。 ここに ここに b <br>alert($("div").attr("id")); script> <br><br> </div>上記のコードは最初の div の ID のみを警告します。はい、JQuery の Each メソッドを使用します。 each メソッドはパッケージ セット内の各要素を走査します。 <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="19063" class="copybut" id="copybut19063" onclick="doCopy('code19063')">コードをコピーします<u></u></a> コードは次のとおりです。 </span></div> <div class="codebody" id="code19063"><div id="a" >ここに a</div> <br><div id="b">ここに b</div> ><script type="text/javascript"> <br>$("div").each(function() { <br>alert($(this).attr("id")); <br> }); <br> 上記のコードは 2 つのアラートを実行します:-)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
