JQuery JS文档加载写法总结

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();
        });