ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery はオブジェクト、配列、コレクションのインスタンスを走査します_jquery

jQuery はオブジェクト、配列、コレクションのインスタンスを走査します_jquery

WBOY
WBOYオリジナル
2016-05-16 16:32:051797ブラウズ

1.jquery オブジェクトのトラバース

コードをコピーします コードは次のとおりです:




新しいドキュメント <br> <スクリプト言語="javascript" type="text/javascript" src="jquery.min.js"></script> <スクリプトタイプ="text/javascript"> $(関数(){ <br> <br> var tbody = ""; //----------------トラバースオブジェクト .each の使用法------------- <br> //オブジェクト構文 JSON データ形式 (サーバー コールバックによって返されるオブジェクト データ形式が json データ形式である場合、JSON の形式要件を確認する必要があり、コールバック オブジェクトは eval 関数を使用して変換する必要があります (そうしないと、オブジェクトは変換されません)この記事では詳細には触れません。サーバー側コールバックのデータの問題については、オブジェクトを直接カスタマイズします) <br> var obj =[{"名前":"シアン・ハイジュン","パスワード":"123456"}]; $("#result").html("---------------トラバースオブジェクト .each の使用法-------------"); alert(obj);//オブジェクト要素です <br> // それぞれを使用して以下を移動します <br> $.each(obj,function(n,value) { <br> アラート(n ' ' 値); var trs = "" <br> trs = "<tr> <td>" 値.名前 "</td> <td>" 値.パスワード "<br> tbody = trs; }); <br> $("#project").append(tbody); <br> }); <br> </スクリプト> <br> </HEAD> <br> <br> <ボディ> <br> <div id="result" style="font-size:16px;color:red;"></div> <br> <table cellpadding=5 cellpacing=1 width=620 id="project" border="1" >                                                                                                      &lt; th&gt; username&lt;/th&gt; &lt; th&gt; password&lt;/th&gt; </tr> </テーブル> <br> </BODY> <br> </HTML> <br> <br> <br> <br><br>2.jQuery は配列を走査します<br><br> <br><br><br><br><br>コードをコピー<br><br><br> コードは次のとおりです:<div class="codebody" id="code50402"> <br> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <br /> <HTML>  <br>    <br>   新しいドキュメント