誰かが私にこの行のコードを行ごとに説明できますか？ Jquery - javascript

Question

私はちょうどjquery & JavaScriptを学び始めました。私のプロジェクトでは、このコードブロックが見つかりました。何を意味するのか、私には分かりにくい部分があります。これはこれがいくつかのコントロール変更イベントでトリガーされていることを理解していますが、実際にどのコントロールとどのように機能するのかを私はどのように知ることができますか？

<script type="text/javascript"> 
    $(function() { 
     $("#MainGroupID").change(function() { 
      var val = $(this).val(); 
      var subItems=""; 
      $.getJSON("@Url.Action("GetSubgroupByMainGroup", "Article")", {id:val} ,function (data) { 
       $.each(data,function(index,item){ 
       subItems+="<option value='"+item.Value+"'>"+item.Text+"</option>" 
       }); 
       $("#SubGroupID").html(subItems) 
      }); 
     }); 
    }); 
</script> 

私はこれを理解しようとしているラインでいくつかの説明ラインは、彼らがなどなどの後ろのコードでは動作しない方法を詰めてください：/

多分それは愚かな質問だけど..：/

感謝みんな、 乾杯！

Answer 1

//$(function() { 

この部分は、DOMの準備ができたら関数を呼び出すために使用されます。

$("#MainGroupID").change 

//入力の値が変更されたような変更イベントです。

あなたが

$.getJSON(

データを保持するプレースホルダ変数を作成しているあなたが入力の値

var subItems=""; 

//を拾っている

var val = $(this).val(); 

// //これは呼び出しですjsonデータを取得します。

あなたは今、あなたが今、あなたが//

この場所を

$("#SubGroupID").html(subItems) 

を設定していた変数を移入されたJSONコール

subItems+="<option value='"+item.Value+"'>"+item.Text+"</option>" 

//から得られたデータをループさ

$.each 

//取得したデータの内容と、プレースホルダからidへのサブグループIDの構造体への構造