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