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