JQuery JS文檔加載寫法總結(jié)

shiyang6017 發(fā)布于2019-08-22 10:42 / 3424人閱讀

摘要：文檔加載注在使用時，可直接簡寫成，但是為了不發(fā)生歧義及造成不必要的錯誤，最好是把寫上方式加載完畢加載完畢加載完畢加載完畢加載完畢與別名可互通加載完畢加載完畢加載完畢加載完畢動態(tài)綁定元素寫法使用綁定動態(tài)生成的元素時，不能直接用該對象操作，而是

1.文檔加載

1.JS

window.onload=function(){ 
         document.getElementById("mytest").style.backgroundColor="#639"; 
    } 
    
（注：在使用時，window.onload可直接簡寫成onload，但是為了不發(fā)生歧義及造成不必要的錯誤，最好是把window寫上）

2.Jquery

//jQuery方式
$(document).ready(function(){
    var str=$("#tt").val()+"
"+"$_A加載完畢"+i;
  $("#tt").val(str);
  i++;
    });

$(function(){
  var str=$("#tt").val()+"
"+"$_B加載完畢"+i;
  $("#tt").val(str);
  i++;
 }) ;

$(function($) {
        var str=$("#tt").val()+"
"+"$_C加載完畢"+i;
          $("#tt").val(str);
          i++;
});

$(window).load(function() {
        var str=$("#tt").val()+"
"+"$_D加載完畢"+i;
          $("#tt").val(str);
          i++;
});
(function() {
        var str=$("#tt").val()+"
"+"$_E加載完畢"+i;
              $("#tt").val(str);
              i++;
})(jQuery)

////////////////////jQuery與別名$可互通/////////////////////////////////
jQuery(document).ready(function(){
    var str=$("#tt").val()+"
"+"jQuery_F加載完畢"+i;
              $("#tt").val(str);
              i++;
    });

jQuery(function() {
        var str=$("#tt").val()+"
"+"jQuery_G加載完畢"+i;
              $("#tt").val(str);
              i++;
})
jQuery(function($) {
        var str=$("#tt").val()+"
"+"jQuery_H加載完畢"+i;
              $("#tt").val(str);
              i++;
});

jQuery(window).load(function() {
        var str=$("#tt").val()+"
"+"jQuery_I加載完畢"+i;
              $("#tt").val(str);
              i++;
});

3.jquery動態(tài)綁定元素寫法

jQuery 使用on綁定動態(tài)生成的元素時，不能直接用該對象操作，而是選擇其非動態(tài)生成的父節(jié)點(diǎn)然后再找到本身才能達(dá)到效果

1.
$("#id").on("click",".class",function(){
       //todo
});

2.

$("#id").on("click",function(){
       //todo
});

4.一個div里面的4個p標(biāo)簽給其中一個綁定click事件


            私聊
            屏蔽
            禁言
            封IP

1.
$(function(){
    $(".privateButton p").eq(0).on("click","",function(){
        alert("hellolo");
    });
});
2.表單動態(tài)提交
     $(".adminClass").change(function(){
           var roomid = $("#roomid option:selected").val();
            var groupid = $("#groupid option:selected").val();
            $("#form11").submit();
        });