好资源导航 » 文章资讯 » jQuery 2.0.3 源码分析之core（一）整体架构

jQuery 2.0.3 源码分析之core（一）整体架构

2024-04-11 15:19:03 472

拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。

废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过，

不过这几年都是做移动端，一直御用zepto,最近抽出点时间把jquery又给扫一遍

我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！

github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准

整体架构

jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、

例如：

$().find().css()
$().hide().html('....').hide().

从上面的写法上至少可以发现2个问题

1.jQuery对象的构建方式

2.jQuery方法的调用方式

分析一：jQuery的无new构建

JavaScript是函数式语言，函数可以实现类，类就是面向对象编程中最基本的概念

varaQuery=function(selector,context){
       //构造函数
}
aQuery.prototype={
   //原型
   name:function(){},
   age:function(){}
}

vara=newaQuery();

a.name();