本篇jQuery将总结文档加载写法，看完这篇文章会让你对文档加载写法有更加清晰的理解和运用。 

1.文档加载

1.JS

window.onload=function(){

         document.getElementById("mytest").style.backgroundColor="#639";

    }

（注：在使用时，window.onload可直接简写成onload，但是为了不发生歧义及造成不必要的错误，最好是把window写上）

2.Jquery

//jQuery方式

$(document).ready(function(){

    var str=$("#tt").val()+'\r\n'+'$_A加载完毕'+i;

  $("#tt").val(str);

  i++;

    });

$(function(){

  var str=$("#tt").val()+'\r\n'+'$_B加载完毕'+i;

  $("#tt").val(str);

  i++;

 }) ;

$(function($) {

        var str=$("#tt").val()+'\r\n'+'$_C加载完毕'+i;

          $("#tt").val(str);

          i++;

});

$(window).load(function() {

        var str=$("#tt").val()+'\r\n'+'$_D加载完毕'+i;

          $("#tt").val(str);

          i++;

});

(function() {

        var str=$("#tt").val()+'\r\n'+'$_E加载完毕'+i;

              $("#tt").val(str);

              i++;

})(jQuery)

////////////////////jQuery与别名$可互通/////////////////////////////////

jQuery(document).ready(function(){

    var str=$("#tt").val()+'\r\n'+'jQuery_F加载完毕'+i;

              $("#tt").val(str);

              i++;

    });

jQuery(function() {

        var str=$("#tt").val()+'\r\n'+'jQuery_G加载完毕'+i;

              $("#tt").val(str);

              i++;

})

jQuery(function($) {

        var str=$("#tt").val()+'\r\n'+'jQuery_H加载完毕'+i;

              $("#tt").val(str);

              i++;

});

jQuery(window).load(function() {

        var str=$("#tt").val()+'\r\n'+'jQuery_I加载完毕'+i;

              $("#tt").val(str);

              i++;

});

3.jquery动态绑定元素写法

jQuery 使用on绑定动态生成的元素时，不能直接用该对象操作，而是选择其非动态生成的父节点然后再找到本身才能达到效果

1.

$("#id").on('click','.class',function(){

       //todo

});

2.

$("#id").on('click',function(){

       //todo

});

4.一个div里面的4个p标签给其中一个绑定click事件

<div class="privateButton" id="">

            <p>私聊</p>

            <p>屏蔽</p>

            <p>禁言</p>

            <p>封IP</p>

</div>1.

$(function(){

    $(".privateButton p").eq(0).on('click','',function(){

        alert('hellolo');

    });

});2.表单动态提交

     $(".adminClass").change(function(){

           var roomid = $('#roomid option:selected').val();

            var groupid = $('#groupid option:selected').val();

            $("#form11").submit();

        });

希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！