jQuery总体架构解析

  • A+
所属分类:JS、JQuery 编程技术

总体架构

jQuery总体架构解析

jQuery总体架构解析

可以看出来jQuery主要有三个模块:

入口模块、功能模块、底层支持模块。

- 入口模块

在构造jQuery对象模块中,如果在调用构造函数创建jQuery对象时,会调用选择器sizzle遍历文档,

查找匹配的Dom,并创建一个包含这些Dom元素的jquery对象。

-底层模块 工具方法utilities

用于简化对jquery对象、Dom元素、数组、对象、字符串等的操作

这是压缩版的

jQuery总体架构解析

 

v2.2.4版本

jQuery总体架构解析

(function(global, factory) {

factory(global);

}(typeof window !== "undefined" ? window : this, function(window, noGlobal) {

var jQuery = function( selector, context ) {

return new jQuery.fn.init( selector, context );

};

jQuery.fn = jQuery.prototype = {};

// 核心方法

// 回调系统

// 异步队列

// 数据缓存

// 队列操作

// 选择器引

// 属性操作

// 节点遍历

// 文档处理

// 样式操作

// 属性操作

// 事件体系

// AJAX交互

// 动画引擎

return jQuery;

}));

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 小猴子 4

      666牛逼