淺析$(function) ready和onload 的區(qū)別
新手接觸javascript、jquery的時(shí)候不可避免的要接觸題目所標(biāo)識(shí)的相關(guān)內(nèi)容，反復(fù)看過幾次一到用的時(shí)候總是不踏實(shí)，寫此文以記之。
符號(hào)“$”是jquery對(duì)象(個(gè)人這樣理解，擁有函數(shù)的用法)。接著知道下面的一個(gè)等式，功能性能上是完全一致的。
$(function(){ /*do some thing*/ }) = $(document).ready(function(){/* do some thing */}) = $().ready(function(){ /* do some thing */ });
上面是jquery中的東西，接著說下原生javascript中的，有window.onload和<body onload=""> 這兩個(gè)，是存在一定區(qū)別的，使用匿名函數(shù)以及非匿名函數(shù)等會(huì)有不同，我暫時(shí)用不到所以沒有做試驗(yàn)，網(wǎng)上是眾說紛紜，不一致。 但是onload與jquery中的ready是不同的，這里面說下：
一個(gè)是次數(shù)不同，$().ready()在一個(gè)一個(gè)html中可以使用多次，onload只能使用一次或者說有效綁定只能是唯一的一個(gè)。
另一個(gè)是執(zhí)行時(shí)機(jī)的不同，簡(jiǎn)單講$()執(zhí)行的時(shí)機(jī)要早于onload，因?yàn)?()只要在DOM樹加載完成就執(zhí)行，onload要在全部的元素加載完成執(zhí)行。
以上所述是小編給大家介紹的$(function) ready和onload 的區(qū)別介紹，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的，在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- jQuery中的ready函數(shù)與window.onload誰(shuí)先執(zhí)行
- jquery $(document).ready()和window.onload的區(qū)別淺析
- 一張表格告訴你windows.onload()與$(document).ready()的區(qū)別
- 淺析document.ready和window.onload的區(qū)別講解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- JQuery onload、ready概念介紹及使用方法
- $(document).ready(function() {})不執(zhí)行初始化腳本
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- window.onload和$(function(){})的區(qū)別介紹
相關(guān)文章
一次性給頁(yè)面上的控件賦值，控件的ID和數(shù)據(jù)庫(kù)表字段對(duì)應(yīng)一樣，這樣就一次性搞定了2010-06-06
Javascript實(shí)現(xiàn)圖片加載從模糊到清晰顯示的方法
這篇文章主要介紹了使用Javascript實(shí)現(xiàn)圖片加載從模糊到清晰顯示的方法,通俗易懂,需要的朋友可以參考下。2016-06-06
在java中有private屬性，強(qiáng)大的功能js不能實(shí)現(xiàn)就矮人一截，匿名函數(shù)，發(fā)揚(yáng)廣大2010-09-09
JavaScript實(shí)現(xiàn)重力下落與彈性效果的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)重力下落與彈性效果的方法,結(jié)合實(shí)例形式分析了javascript重力下落及彈性效果的原理與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
如何判斷鼠標(biāo)是否在DIV的區(qū)域內(nèi)
通過mouseover，mouseout來觸發(fā)事件，才判斷鼠標(biāo)是否在該區(qū)域。 但是這種方法的局限性就是，必須要觸發(fā)mouseover，或mouseout，mouseleave事件才能知道2013-11-11
this是JavaScript中的關(guān)鍵字之一，在編寫程序的時(shí)候經(jīng)常會(huì)用到，正確的理解和使用關(guān)鍵字this尤為重要。接下來通過本文給大家介紹javascript中的this，需要的朋友參考下吧2016-02-02
BootStrap selectpicker后臺(tái)動(dòng)態(tài)綁定數(shù)據(jù)的方法
這篇文章主要為大家詳細(xì)介紹了BootStrap selectpicker后臺(tái)動(dòng)態(tài)綁定數(shù)據(jù)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
本文通過實(shí)例代碼給大家介紹了JS模擬超市簡(jiǎn)易收銀臺(tái)小程序代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-08-08
js實(shí)現(xiàn)點(diǎn)擊展開隱藏效果（實(shí)例代碼）
本篇文章小編給大家?guī)硪黄P(guān)于JS實(shí)現(xiàn)點(diǎn)擊展開點(diǎn)擊隱藏的效果代碼內(nèi)容，有興趣的朋友參考下。2018-09-09
微信小程序使用第三方庫(kù)Underscore.js步驟詳解
大家都知道Underscore.js是一個(gè) JavaScript 工具庫(kù)，它提供了一整套函數(shù)式編程的實(shí)用功能，但是沒有擴(kuò)展任何 JavaScript 內(nèi)置對(duì)象。那么這篇文章我們就來學(xué)習(xí)下微信小程序如何使用第三方庫(kù)Underscore.js，有需要的可以參考學(xué)習(xí)。2016-09-09