jquery中ready()函數(shù)執(zhí)行的時(shí)機(jī)和window的load事件比較

更新時(shí)間：2015年06月22日 10:30:57 投稿：hebedich

這篇文章主要介紹了jquery中ready()函數(shù)執(zhí)行的時(shí)機(jī)和window的load事件比較的相關(guān)資料,需要的朋友可以參考下

jquery的ready()實(shí)現(xiàn)的是 DOMContentLoaded 事件，DOMContentLoaded與window load事件的區(qū)別

簡(jiǎn)單的說(shuō)ready()是在文檔加載完成就會(huì)觸發(fā),此時(shí)圖片等資源可能還沒(méi)有完全加載, load是在所有資源都加載完成后才會(huì)觸發(fā)

看下ready函數(shù)的代碼就什么都清楚了。下面的代碼加上了注釋?zhuān)?/p>

// Handle when the DOM is ready
    ready: function() {
        // Make sure that the DOM is not already loaded
        if ( !jQuery.isReady ) {
            // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
            if ( !document.body ) {
                return setTimeout( jQuery.ready, 13 );
            }

            // Remember that the DOM is ready
            jQuery.isReady = true;

            // If there are functions bound, to execute
            if ( readyList ) {
                // Execute all of them
                var fn, i = 0;
                while ( (fn = readyList[ i++ ]) ) {
                    fn.call( document, jQuery );
                }

                // Reset the list of functions
                readyList = null;
            }

            // Trigger any bound ready events
            if ( jQuery.fn.triggerHandler ) {
                jQuery( document ).triggerHandler( "ready" );
            }
        }
    },

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

利用jQuery接受和處理xml數(shù)據(jù)的代碼(.net)
以下使用jQuery+Servlet接受和處理xml數(shù)據(jù)，模擬判斷用戶(hù)名是否存在
2011-03-03
jQuery在vs2008及js文件中的無(wú)智能提示的解決方法
我通過(guò)下面方法實(shí)現(xiàn)了jQuery在VS2008及js文件中的智能提示的，希望對(duì)朋友們有所幫助。
2010-12-12
jquery自定義函數(shù)的多種方法
在jquery中自定義函數(shù)你會(huì)嗎？今天抽時(shí)間寫(xiě)了幾個(gè)，個(gè)人感覺(jué)還不錯(cuò)，喜歡的朋友可以了解下
2014-01-01
20款超贊的jQuery插件 Web開(kāi)發(fā)人員必備
jQuery的易擴(kuò)展性吸引了來(lái)自全球的開(kāi)發(fā)者來(lái)共同編寫(xiě)jQuery插件。jQuery插件不僅能夠增強(qiáng)網(wǎng)站的可用性，有效地改善用戶(hù)體驗(yàn)，還可以大大減少開(kāi)發(fā)時(shí)間。現(xiàn)在的jQuery插件很多，可以根據(jù)您的項(xiàng)目需要來(lái)選擇。這里為您介紹20款非常不錯(cuò)的插件。
2011-02-02
JS與jQuery實(shí)現(xiàn)隔行變色的方法
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)隔行變色的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript與jQuery實(shí)現(xiàn)隔行變色的具體操作步驟與相關(guān)技巧,體驗(yàn)一下jQuery的華麗與簡(jiǎn)潔,需要的朋友可以參考下
2016-09-09
jQuery實(shí)現(xiàn)炸裂輪播效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)炸裂輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
jquery keypress,keyup,onpropertychange鍵盤(pán)事件
項(xiàng)目所需，在試圖用js實(shí)現(xiàn)這樣的功能：文本框失去焦點(diǎn)時(shí)，判斷輸入字符串的長(zhǎng)度，以驗(yàn)證是否超出范圍，超出范圍則自動(dòng)截取。
2010-06-06
Jquery公告滾動(dòng)+AJAX后臺(tái)得到數(shù)據(jù)
ajax得到值，用JQUERY綁定給對(duì)應(yīng)的UL.利用JQUERY的動(dòng)畫(huà)來(lái)實(shí)現(xiàn)他們的滾動(dòng)公告。
2011-04-04
jQuery頁(yè)面加載初始化的3種方法(推薦)
下面小編就為大家?guī)?lái)一篇jQuery頁(yè)面加載初始化的幾種方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
jquery實(shí)現(xiàn)不包含當(dāng)前項(xiàng)的選擇器實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)不包含當(dāng)前項(xiàng)的選擇器,實(shí)例分析了jquery選擇器的使用技巧,需要的朋友可以參考下
2015-06-06