JQuery的ready函数与JS的onload的区别

Posted Console

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery的ready函数与JS的onload的区别相关的知识,希望对你有一定的参考价值。

JQuery的ready函数与JS的onload的区别:
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。


2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行


3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});










以上是关于JQuery的ready函数与JS的onload的区别的主要内容,如果未能解决你的问题,请参考以下文章

JS window,onload 与 $().read()

JS怎样用原生JS实现jQuery的ready方法

Jquery .ready() vs window.onload [重复]

Jquery中$(document).ready()

js中onload和jQuery中的ready区别

jQuery事件详解之$(document).ready()