JQuery Tips相關(guān)(1)關(guān)于$.Ready()_

1、JQuery Tips相關(guān)(1)關(guān)于$.Ready()_ 最近始終在討論JQuery,這個東西還是很博大精深的.下面分享一下我的學(xué)習(xí)總結(jié). $(document).Ready()方法 VS OnLoad大事 VS $(window).load()方法 接觸JQuery一般最先學(xué)到的是何時啟動大事。在曾經(jīng)很長一段時間里,在頁面載入后引發(fā)的大事都被加載在”Body”的Onload大事里. 對于Body的Onload大事和JQuery的Ready方法相比，有許多弊端.比如: 1.加載多個函數(shù)的問題 view sourceprint?1 body onload=a();b(); 2 3 /body 在

2、Onload大事中只能這樣加載，很丑陋而在JQuery中你可以利用多個JQuery.Ready()方法，它們會按次序依次執(zhí)行 2.代碼和內(nèi)容不分別 這個貌似不用說了，讓人深惡痛絕-.-! 3.執(zhí)行先后挨次不同 對于Body.Onload大事，是在加載完全部頁面內(nèi)容才會觸發(fā)，我的意思是全部內(nèi)容,包括圖片，flash等.假如頁面的這些內(nèi)容許多會讓用戶等待很長時間. 而對于$(document).ready()方法，這個方法只是在頁面全部的DOM加載完畢后就會觸發(fā),無疑很大的加快了網(wǎng)頁的速度. 但是對于一些特別應(yīng)用，比如圖片的放大縮小，圖片的剪裁。需要網(wǎng)頁全部的內(nèi)容加載完畢后才執(zhí)行的呢？我推舉用法$

3、(window).load()方法，這個方法會等到頁面全部內(nèi)容加載完畢后才會觸發(fā)，并且同時又沒有OnLoad大事的弊端. view sourceprint?1 script type=text/javascript 2 $(window).load(function() 3 alert(hello); 4 ); 5 $(window).load(function() 6 alert(hello again); 7 ); 8 /script 上面的代碼會在頁面全部內(nèi)容加載完成后按先后挨次依次執(zhí)行. 當(dāng)然不要忘了與之對應(yīng)的Unload方法 view sourceprint?1 $(window).

4、unload(function() 2 alert(good bye); 3 ); 上面代碼會在頁面關(guān)閉時引發(fā). 在全部DOM加載之前引發(fā)JS代碼 這個方法是我在調(diào)試的時候最喜愛的，有時候開發(fā)的時候也用這種方法 view sourceprint?1 body 2 script type=text/javascript 3 (function() 4 alert(hi); 5 )(jQuery) 6 /script 7 /body 對，就是利用js閉包的形式將js代碼嵌入body，這段代碼會自動執(zhí)行，當(dāng)然也可以挺直嵌入js代碼,這種方式要留意挨次問題，如下： view sourceprint?0

5、1 body 02 div id=testthis is the content/div 03 script type=text/javascript 04 05 alert($(#test).html();/I Can display the content 06 07 /script 08 /body 09 body 10 11 script type=text/javascript 12 13 alert($(#test).html();/I Cant display the content 14 15 /script 16 div id=testthis is the content/div 17 /body 上面兩段