Jquery ready函数原理

原理: 
在jquery脚本加载的时候,会设置一个isReady的标记,监听DOMContentLoaded事件(这个不是什么浏览器都有的,不同浏览器,jquery运作方式不一样).当然遇到调用ready函数的时候,如果isReady未被设置,那就是说页面未加载完,就会把要执行的函数用一个数组缓存起来,当页面加载完后,再把缓存的函数一一执行. 
Jquery中的详细代码分析: 

代码如下:
ready: function(fn) { 
// 绑定监听器 
bindReady(); 
// 如果 DOM 加载完成 
if ( jQuery.isReady ) 
// 马上运行此函数 
fn.call( document, jQuery ); 
// 否则保存起来 
else 
// 把函数加入缓存数组中 
jQuery.readyList.push( function() { return fn.call(this, jQuery); } ); 
return this; 
}

猜你喜欢

转载自blog.csdn.net/qq_36195950/article/details/81449257
今日推荐