jquery中ready()函數(shù)執(zhí)行的時(shí)機(jī)和window的load事件比較
jquery的ready()實(shí)現(xiàn)的是 DOMContentLoaded 事件,DOMContentLoaded與window load事件的區(qū)別
簡(jiǎn)單的說ready()是在文檔加載完成就會(huì)觸發(fā),此時(shí)圖片等資源可能還沒有完全加載, load是在所有資源都加載完成后才會(huì)觸發(fā)
看下ready函數(shù)的代碼就什么都清楚了。下面的代碼加上了注釋:
// 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)容了,希望大家能夠喜歡。
- jQuery學(xué)習(xí)筆記 操作jQuery對(duì)象 文檔處理
- Jquery 基礎(chǔ)學(xué)習(xí)筆記之文檔處理
- 詳解Jquery實(shí)現(xiàn)ready和bind事件
- jquery $(document).ready()和window.onload的區(qū)別淺析
- jQuery中ready事件用法實(shí)例
- jQuery.holdReady()方法用法實(shí)例
- jQuery的ready方法詳解
- jquery中的$(document).ready()使用小結(jié)
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- 模擬jQuery中的ready方法及實(shí)現(xiàn)按需加載css,js實(shí)例代碼
- jQuery的文檔處理程序詳解
相關(guān)文章
jquery 無限極下拉菜單的簡(jiǎn)單實(shí)例(精簡(jiǎn)濃縮版)
下面小編就為大家?guī)硪黄猨query 無限極下拉菜單的簡(jiǎn)單實(shí)例(精簡(jiǎn)濃縮版)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05jQuery實(shí)現(xiàn)字符串按指定長(zhǎng)度加入特定內(nèi)容的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)字符串按指定長(zhǎng)度加入特定內(nèi)容的方法,實(shí)例分析了jQuery操作字符串的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jquery formValidator插件ajax驗(yàn)證 內(nèi)容不做任何修改再離開提示錯(cuò)誤的bug解決方法
query formValidator插件非常好用,但是有一個(gè)嚴(yán)重的Bug,在使用ajax驗(yàn)證的時(shí)候,如果輸入框的內(nèi)容已經(jīng)存在,把鼠標(biāo)放到輸入框,不做任何修改再離開,則會(huì)提示錯(cuò)誤,很是郁悶2013-01-01jQuery+datatables插件實(shí)現(xiàn)ajax加載數(shù)據(jù)與增刪改查功能示例
這篇文章主要介紹了jQuery+datatables插件實(shí)現(xiàn)ajax加載數(shù)據(jù)與增刪改查功能,涉及jQuery結(jié)合datatables插件針對(duì)頁面表格實(shí)現(xiàn)數(shù)據(jù)加載及增刪改查等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery插件FusionCharts繪制ScrollColumn2D圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts繪制ScrollColumn2D圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts插件結(jié)合swf文件實(shí)現(xiàn)ScrollColumn2D圖的繪制功能,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03基于jQuery和hwSlider實(shí)現(xiàn)內(nèi)容左右滑動(dòng)切換效果附源碼下載(一)
本文結(jié)合實(shí)例給大家介紹如何實(shí)現(xiàn)內(nèi)容滑動(dòng)切換的效果,包括左右箭頭切換,無限無縫滾動(dòng),圓點(diǎn)按鈕切換,動(dòng)畫效果,自動(dòng)切換效果,效果非常不錯(cuò),感興趣的朋友前來參考實(shí)現(xiàn)代碼2016-06-06基于jquery實(shí)現(xiàn)的鼠標(biāo)懸停提示案例
本文主要介紹了基于jquery實(shí)現(xiàn)的鼠標(biāo)懸停提示的詳細(xì)案例。代碼全面,功能實(shí)用,需要的朋友可以參考借鑒2016-12-12從零開始學(xué)習(xí)jQuery (八) 插播:jQuery實(shí)施方案
本篇文章屬于臨時(shí)插播, 用于介紹我在本公司的jQuery實(shí)施方案.2011-02-02