jQuery ready(fn) 页面载入函数
生活随笔
收集整理的這篇文章主要介紹了
jQuery ready(fn) 页面载入函数
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
ready(fn)當(dāng)DOM載入就緒可以查詢及操縱時(shí)綁定一個(gè)要執(zhí)行的函數(shù)。這是事件模塊中最重要的一個(gè)函數(shù),因?yàn)樗梢詷O大地提高web應(yīng)用程序的響應(yīng)速度。
??????? 簡(jiǎn)單地說(shuō),這個(gè)方法純粹是對(duì)向window.load事件注冊(cè)事件的替代方法。通過(guò)使用這個(gè)方法,可以在DOM載入就緒能夠讀取并操縱時(shí)立即調(diào)用你所綁定的函數(shù),而99.99%的JavaScript函數(shù)都需要在那一刻執(zhí)行。
有一個(gè)參數(shù)--對(duì)jQuery函數(shù)的引用--會(huì)傳遞到這個(gè)ready事件處理函數(shù)中。可以給這個(gè)參數(shù)任意起一個(gè)名字,并因此可以不再擔(dān)心命名沖突而放心地使用$別名。請(qǐng)確保在 <body> 元素的onload事件中沒(méi)有注冊(cè)函數(shù),否則不會(huì)觸發(fā)$(document).ready()事件。可以在同一個(gè)頁(yè)面中無(wú)限次地使用$(document).ready()事件。其中注冊(cè)的函數(shù)會(huì)按照(代碼中的)先后順序依次執(zhí)行。
返回值 : jQuery
參數(shù) :
fn (Function) : 要在DOM就緒時(shí)執(zhí)行的函數(shù)
示例 :
在DOM加載完成時(shí)運(yùn)行的代碼,可以這樣寫:
jQuery 代碼:
$(document).ready(function(){
? // 在這里寫你的代碼...
});
---------------------------------------------------------------------------------------------------------
使用 $(document).ready() 的簡(jiǎn)寫,同時(shí)內(nèi)部的 jQuery 代碼依然使用 $ 作為別名,而不管全局的 $ 為何。
jQuery 代碼:
jQuery(function($) {
? // 你可以在這里繼續(xù)使用$作為別名...
});
??????? 簡(jiǎn)單地說(shuō),這個(gè)方法純粹是對(duì)向window.load事件注冊(cè)事件的替代方法。通過(guò)使用這個(gè)方法,可以在DOM載入就緒能夠讀取并操縱時(shí)立即調(diào)用你所綁定的函數(shù),而99.99%的JavaScript函數(shù)都需要在那一刻執(zhí)行。
有一個(gè)參數(shù)--對(duì)jQuery函數(shù)的引用--會(huì)傳遞到這個(gè)ready事件處理函數(shù)中。可以給這個(gè)參數(shù)任意起一個(gè)名字,并因此可以不再擔(dān)心命名沖突而放心地使用$別名。請(qǐng)確保在 <body> 元素的onload事件中沒(méi)有注冊(cè)函數(shù),否則不會(huì)觸發(fā)$(document).ready()事件。可以在同一個(gè)頁(yè)面中無(wú)限次地使用$(document).ready()事件。其中注冊(cè)的函數(shù)會(huì)按照(代碼中的)先后順序依次執(zhí)行。
返回值 : jQuery
參數(shù) :
fn (Function) : 要在DOM就緒時(shí)執(zhí)行的函數(shù)
示例 :
在DOM加載完成時(shí)運(yùn)行的代碼,可以這樣寫:
jQuery 代碼:
$(document).ready(function(){
? // 在這里寫你的代碼...
});
---------------------------------------------------------------------------------------------------------
使用 $(document).ready() 的簡(jiǎn)寫,同時(shí)內(nèi)部的 jQuery 代碼依然使用 $ 作為別名,而不管全局的 $ 為何。
jQuery 代碼:
jQuery(function($) {
? // 你可以在這里繼續(xù)使用$作為別名...
});
轉(zhuǎn)載于:https://www.cnblogs.com/GeorgeWang/archive/2011/02/20/1959041.html
總結(jié)
以上是生活随笔為你收集整理的jQuery ready(fn) 页面载入函数的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 发票管理及打印系统的部分代码
- 下一篇: 网络编程[20]