JQuery JS文档加载写法总结

发布时间:2019-05-21 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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()+'rn'+'$_A加载完毕'+i;
  $("#tt").val(str);
  i++;
    });

$(function(){
  var str=$("#tt").val()+'rn'+'$_B加载完毕'+i;
  $("#tt").val(str);
  i++;
 }) ;

$(function($) {
        var str=$("#tt").val()+'rn'+'$_C加载完毕'+i;
          $("#tt").val(str);
          i++;
});

$(window).load(function() {
        var str=$("#tt").val()+'rn'+'$_D加载完毕'+i;
          $("#tt").val(str);
          i++;
});
(function() {
        var str=$("#tt").val()+'rn'+'$_E加载完毕'+i;
              $("#tt").val(str);
              i++;
})(jQuery)
////////////////////jQuery与别名$可互通/////////////////////////////////
jQuery(document).ready(function(){
    var str=$("#tt").val()+'rn'+'jQuery_F加载完毕'+i;
              $("#tt").val(str);
              i++;
    });

jQuery(function() {
        var str=$("#tt").val()+'rn'+'jQuery_G加载完毕'+i;
              $("#tt").val(str);
              i++;
})
jQuery(function($) {
        var str=$("#tt").val()+'rn'+'jQuery_H加载完毕'+i;
              $("#tt").val(str);
              i++;
});

jQuery(window).load(function() {
        var str=$("#tt").val()+'rn'+'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();
        });

脚本宝典总结

以上是脚本宝典为你收集整理的JQuery JS文档加载写法总结全部内容,希望文章能够帮你解决JQuery JS文档加载写法总结所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: