load的用法（问题未解决）

         一开始在做加载数据的时候总是想着：浏览器怎么知道数据是否加载完呢？是不是需要给它一个定时器呢，但是怎么这个怎么判断这个时间呢？原来load前面的选择器是加载的内容，加载成功后的内容可以写在function函数里面。但是load加载成功后，如果使用id选择器尝试把div隐藏的话，是不行的，但是改为用class选择器把div隐藏就可以（其实我也不知道为什么，如果知道的，请留言一下）：

jq：

<script type="text/javascript">
        $(function () {
            $(".closeBtn").click(function () {
                $(".mainContain").load("test3.aspx", function (getShowData, showState) {
                    if (showState == "success") {
                        $(".main2").hide(); //成功
                        // $("#mainID").hide();//失败
                    }
                    else {
                        return false;
                    }
                })
            })
        })
    </script>

<input type="button" value="clickMe" class="closeBtn" />
<input type="button" value="按钮" />
  <!--加载 开始-->
  <div class="main main2" id="mainID">
           <div class="loading">
                我是进度条2
            </div>
  </div>
  <!--加载 结束-->
    <div class="mainContain">
       <div class="main">
       </div>
        <div class="main">
        </div>
    </div>

 css样式：

 .main
        {
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }