好了,進入正題. 再次申明JQuery很簡單,take easy!
從那開始呢? 最好的切入地方就從 ready 函數(shù)開始!
定義
ready(fn);
功能
這是事件模塊中最重要的一個函數(shù)，因為它可以極大地提高web應(yīng)用程序的響應(yīng)速度。
簡單地說，這個方法純粹是對向window.load事件注冊事件的替代方法。通過使用這個方法，可以在DOM載入就緒能夠讀取并操縱時立即調(diào)用你所綁定的函數(shù)，而99.99%的JavaScript函數(shù)都需要在那一刻執(zhí)行。
有一個參數(shù)－－對jQuery函數(shù)的引用－－會傳遞到這個ready事件處理函數(shù)中。可以給這個參數(shù)任意起一個名字，并因此可以不再擔(dān)心命名沖突而放心地使用$別名。
請確保在 元素的onload事件中沒有注冊函數(shù)，否則不會觸發(fā)$(document).ready()事件。
可以在同一個頁面中無限次地使用$(document).ready()事件。其中注冊的函數(shù)會按照（代碼中的）先后順序依次執(zhí)行。
通過上面所述,我們可以把ready看做onLoad的替代方法. 這時有的朋友就會問了,有onLoad方法我們干什么還要用ready方法?
我個人的體會及看法是 onLoad缺點是以后維護起來麻煩,到處都是JavaScript代碼,很容易出問題的喲! 在<<ppk談JavaScript>>中,ppk針對這個問題的看法也是如此,盡量不要在標簽中直接編寫JavaScript 代碼.
實例
兩種編寫方式
一
$(document).ready(function(){alert("Hello World!");});
二
var myFun = function(){alert("Hello World!");}
$(document).ready(myFun);
到這兒我想大家對ready的用法應(yīng)該是明白了,但對前面的 $(document)應(yīng)該很迷惑. 這是什么東東?別急... 現(xiàn)在只要記住這段代碼的功能就是當(dāng)整個文檔載入完畢后再執(zhí)行ready內(nèi)的函數(shù)就夠了.
看完下面的代碼我們就明白了$()的用法.
index.html代碼結(jié)構(gòu)如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
新聞熱點
疑難解答
圖片精選
