$(function) ready onload 等区别

Posted 野狐

tags:

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

  新手接触javascript、jquery的时候不可避免的要接触题目所标识的相关内容,反复看过几次一到用的时候总是不踏实,写文以记之。

  

  符号“$”是jquery对象(个人这样理解,拥有函数的用法)。接着知道下面的一个等式,功能性能上是完全一致的。

    $(function(){ /*do some thing*/ }) = $(document).ready(function(){/* do some thing */}) = $().ready(function(){ /* do some thing */ });

  

  上面是jquery中的东西,接着说下原生javascript中的,有window.onload和<body onload=""> 这两个,是存在一定区别的,使用匿名函数以及非匿名函数等会有不同,我暂时用不到所以没有做试验,网上是众说纷纭,不一致。 但是onload与jquery中的ready是不同的,这里面说下:

  一个是次数不同,$().ready()在一个一个html中可以使用多次,onload只能使用一次或者说有效绑定只能是唯一的一个。

  另一个是执行时机的不同,简单讲$()执行的时机要早于onload,因为$()只要在DOM树加载完成就执行,onload要在全部的元素加载完成执行。

  

以上。

以上是关于$(function) ready onload 等区别的主要内容,如果未能解决你的问题,请参考以下文章

$(function) ready onload 等区别

window.onload和$(document).ready(function(){})的区别

window.onload和$(document).ready(function(){})的区别

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

document.ready和window.onload的区别

window.onload与$(document).ready() 的区别