首页 > 其他分享 >jQuery的$(document).ready(function(){ })的疑惑的解答

jQuery的$(document).ready(function(){ })的疑惑的解答

时间:2023-04-23 17:06:41浏览次数:29  
标签:jQuery function onload 载入 window ready document


最早接触的时候也说$(document).ready(function(){   })这个函数是用来取代页面中的window.onload;

但是今天发现 好像不是这样回事!是在做一个页面载入效果时发现的!

function winready(){document.getElementById("loading").style.display="none";}
window.onload=winready;
以上的写法  winready会在页面完全载入才触发;

jquery写法:
$(document).ready(function(){
"#loading").css("display","none");
})

以前没发现,今天因为网络卡,发现一个页面的一张图片还没载入完成,jquery的ready函数就已经触发了!

document.onload  window.onload <body onl oad="winready()">

到底又没区别?

 window.onload 是所有静态页面都载入完成后 在载入js
 $document.ready();是按顺序 先来先载入

 window.onload =function() { a();  b(); }

标签:jQuery,function,onload,载入,window,ready,document
From: https://blog.51cto.com/u_16085348/6218279

相关文章

  • jQuery Ajax 实例 详细介绍$.ajax、$.post、$.get的使用
    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦需要处理浏览器之间的兼容问题,Jquery大大简化了我们的这些操作操作,不用在考虑浏览器这方面的问题,可以直接使用!$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般格式$.ajax({......
  • jquery validate 例子延伸--如何使用classname而不是name来验证
    可用例子一:底下内容摘自链接:http://jsfiddle.net/Nbcj9/ 可用例子二:底下内容摘自:http://jsfiddle.net/rq5ra/1/<formid="myform"><inputtype="text"name="field_1"class="num"/><br/><inputtype="te......
  • jQuery事件
    学习要点:1.模拟操作2.命名空间3.事件委托4.on、off 和 onejQuery 不但封装了大量常用的事件处理,还提供了不少高级事件方便开发者使用。比 如模拟用户触发事件、事件委托事件、和统一整合的 on 和 off,以及仅执行一次的 one 方 法。这些方法大大降低了开发者难度,提升了开发......
  • jQuery插件
    学习要点:插件概述2.验证插件3.自动完成插件4.自定义插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编写出来的程序。目前jQuery 插件已超过几千种,由来自世界各地的开发者共同编写、验证和完善。而对于 jQuery 开发者而言,直接使用这些插件......
  • jQuery工具函数
    学习要点:1.字符串操作2.数组和对象操作3.测试操作4.URL 操作5.浏览器检测6.其他操作工具函数是指直接依附于 jQuery 对象,针对 jQuery 对象本身定义的方法,即全局性 的函数。它的作用主要是提供比如字符串、数组、对象等操作方面的遍历。 一.字符串操作在 jQuery 中,字符串的......
  • 2023.3.2 jQuery 事件操作
    jQuery事件操作js中的$(function(){});和原生js中的window.onload=function(){}的区别?他们分别是在什么时候触发?jQuery的页面加载完成之后是浏览器的内核解析完页面的标签创建好DOM对象之后就会马上执行。原生js的页面加载完成之后,除了要等浏览器内核解......
  • functional:函数对象库
    functional的基本概念和定义functional是C++标准模板库(STL)中的一个重要组件,它提供了一系列函数对象(functionobject),用于在算法中进行函数调用。函数对象可以像普通函数一样调用,但与普通函数不同的是,函数对象可以存储状态,因此可以在多次调用之间保存状态。functional中常见的......
  • golang net/rpc inject data to service function
    在golang中,net/rpc库比较牛,只需要写函数,然后使用现成的ServerCodec就可以完成rpc服务了。但是有个问题,service函数的参数都是来自客户端的,如果服务器想为某个特殊的函数注入一些配置或状态参数,就不好弄了。解决方案:修改service函数,比如原来的参数是FuncArgs结构体,现在改成t......
  • # jquery # form表单上传文件
    form表单上传文件<formaction="/upload/"method="post"enctype="multipart/form-data">头像:<inputtype="file"name="head-pic">用户名:<inputtype="text"name="username">......
  • bug|初始化项目|sass-loader报错:TypeError: this.getResolve is not a function at Ob
    Modulebuildfailed:TypeError:this.getResolveisnotafunctionatObject.loader的解决npmuninstallsass-loader(卸载当前版本)[email protected]......