浅析$(function) ready和onload 的区别
作者:wildfox
新手刚学习js和jq的时候难免会接触题目所标识的相关内容,下面小编通过本教程给大家讲解(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 的区别介绍,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
- jQuery中的ready函数与window.onload谁先执行
- jquery $(document).ready()和window.onload的区别浅析
- 一张表格告诉你windows.onload()与$(document).ready()的区别
- 浅析document.ready和window.onload的区别讲解
- JQuery的ready函数与JS的onload的区别详解
- JQuery onload、ready概念介绍及使用方法
- $(document).ready(function() {})不执行初始化脚本
- Jquery中"$(document).ready(function(){ })"函数的使用详解
- window.onload和$(function(){})的区别介绍