有人可以按行解释我的代码块吗?jQuery -JavaScript

Question

我刚刚开始学习jquery＆amp; 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

//是一个变更事件 - 就像输入的值已更改一样。

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

//您正在拾取输入的值

var subItems="";

//您正在创建一个占位符变量来保存数据

$.getJSON(

//这是获取JSON数据的调用。

$.each

//您现在正在通过从JSON呼叫获得的数据进行循环

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

//您现在正在填充已设置的变量

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

//这将获得的数据的内容和占位符的结构放在DIV中，并使用ID子组