JQuery1.12.4实现的基本原理

参考1.12.4版本的JQuery写了个基本实现原理：不得不说JQuery对原型的应用很巧妙。

首先讲清楚JQuery的设计目标：

1. 用更简单的方式操作DOM
2. 处理浏览器兼容性问题

兼容性不讲，主要是各种if else判断，纯属工作量问题。

那么JQuery到底是如何实现简单操作DOM的呢？

先来看看，JQuery是如何使用的：

1. JQuery是一个函数，调用JQuery函数返回JQuery实例
2. JQuery实例上绑定了很多方法操作DOM，比如css, html等
3. JQuery函数上绑定了很多方法直接调用，如发送ajax请求
4. 进一步用$ = JQuery，书写更简单

要清楚的知道最后的目标是什么：

调用$函数，返回一个$实例，这个$实例的原型链和正常原型链没有差别($.__proto__ === $.prototype)，且该实例上绑定了很多操作DOM的方法。另外，$函数上也绑定了很多可以直接调用的方法。

以上就是目标。

	
		
		
		
	
	
		

			abc
		

		

			bcd
		
		
	

运行结果：