JQuery JS文档加载写法总结

shiyang6017 发布于2019-08-22 10:42 / 3416人阅读

摘要：文档加载注在使用时，可直接简写成，但是为了不发生歧义及造成不必要的错误，最好是把写上方式加载完毕加载完毕加载完毕加载完毕加载完毕与别名可互通加载完毕加载完毕加载完毕加载完毕动态绑定元素写法使用绑定动态生成的元素时，不能直接用该对象操作，而是

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()+"
"+"$_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动态绑定元素写法

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

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

2.

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

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


            私聊
            屏蔽
            禁言
            封IP

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

云服务器 GPU云服务器 jquery动态加载js jquery写法 Jquery插件写法 js写法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91100.html

前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

nevermind 2019-08-30 15:55 评论0 收藏0
前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

codecook 2019-08-23 14:52 评论0 收藏0
前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

WalkerXu 2019-08-02 14:09 评论0 收藏0
前端基础入门五（掌握jQuery的常用api，实现动态效果）

摘要：基本概念学习目标学会如何使用，掌握的常用，能够使用实现常见的效果。想要实现简单的动画效果，也很麻烦代码冗余。实现动画非常简单，而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javasc...

widuu 2019-07-01 11:14 评论0 收藏0
《高性能JavaScript》（读书笔记）

摘要：加载的模块会以参数形式传入该函数，从而在回调函数内部就可以使用这些模块。异步加载，和，浏览器不会失去响应它指定的回调函数，只有前面的模块都加载成功后，才会运行，解决了依赖性的问题。插件，可以让回调函数在页面结构加载完成后再运行。这次主要是对《高性能JavaScript》一书的读书笔记，记录下自己之前没有注意到或者需要引起重视的地方第一章加载和执行 js代码在执行过程中会阻塞浏览...

moven_j 2019-08-21 17:58 评论0 收藏0