jQuery1.3.2 源码学习

本源码使用当前的 jQuery 1.3.2 版本，下载时间 2009-4-25，下载网站：jquery.com。

一个函数

1 /*!

2 * jQuery JavaScript Library v1.3.2

3 * http://jquery.com/

4 *

6 * Dual licensed under the MIT and GPL licenses.

7 * http://docs.jquery.com/License

8 *

9 * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)

10 * Revision: 6246

11 */

12 (function(){

4376 })();

省略掉中间的内容，可以看到从第 12 行到 4376 行，jQuery 代码可以简化为如上的代码。

也就是定义了一个匿名的函数，然后执行这个函数。

在这个匿名函数中完成其他的定义和操作，这样可以避免与系统的其他函数同名造成的命名冲突问题。相当于一个私有的作用域。

$ 是什么？jQuery 又是什么？

13 var

14 // Will speed up references to window, and allows munging its name.

15 window = this,

16 // Will speed up references to undefined, and allows munging its

17 name.

18 undefined,

19 // Map over jQuery in case of overwrite

20 _jQuery = window.jQuery,

21 // Map over the $ in case of overwrite

22 _$ = window.$,

24 jQuery = window.jQuery = window.$ = function( selector, context ) {

25 // The jQuery object is actually just the init constructor 'enhanced'

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

27 },

通过这段代码，可以看到 $，jQuery 是 window 对象上自定义的一个成员，这个成员指向了一个匿名函数，以后可以通过window 对象的 $ 或者 jQuery 来使用这个函数。

这个函数返回了一个通过 jQuery.fn.init 函数定义的对象。说明通过 jQuery 得到的对象其实是一个 jQuery.fn.init 函数创建的对象，那么，以后通过 jQuery.fn.init 的原型定义的函数或者属性都可以被通过 jQuery 创建的对象来使用。

jQuery.fn 是什么？

35 jQuery.fn = jQuery.prototype = {

538 };

从 35 行到 538 行，为 jQuery.fn 的定义，jQuery.fn 就是 jQuery 所指向的函数的原型对象。所以在 jQuery 的原型上定义的函数就可以通过 jQuery.fn 来使用了。

而上边的 jQuery.fn.init 就是 jQuery 函数原型对象上的一个函数。

转载于:https://www.cnblogs.com/haogj/archive/2009/04/25/1443469.html

jQuery1.3.2 源码学习 -1 $ 是什么？jQuery 又是什么？相关推荐

jquery源码学习笔记三：jQuery工厂剖析
jquery源码学习笔记二:jQuery工厂 jquery源码学习笔记一:总体结构上两篇说过,query的核心是一个jQuery工厂.其代码如下 function( window, noGlobal ...
jQuery1.3.2 源码学习 -2 两个重要的正则表达式
32 // Is it a simple selector 33 isSimple = /^.[^:#\[\.,]*$/ / / 表示这是正则表达式 ^ 表示开始部分 $ 表示结束部分 . 匹配除了 ...
[转载]jQuery1.6.1源码分析系列
转载:http://www.cnblogs.com/nuysoft/archive/2011/11/14/2248023.html [原创] jQuery1.6.1源码分析系列(停止更新) 作者:nu ...
Shiro源码学习之二
接上一篇 Shiro源码学习之一 3.subject.login 进入login public void login(AuthenticationToken token) throws Authent ...
Shiro源码学习之一
一.最基本的使用 1.Maven依赖 <dependency><groupId>org.apache.shiro</groupId><artifactId&g ...
mutations vuex 调用_Vuex源码学习（六）action和mutation如何被调用的（前置准备篇）...
前言 Vuex源码系列不知不觉已经到了第六篇.前置的五篇分别如下: 长篇连载:Vuex源码学习(一)功能梳理长篇连载:Vuex源码学习(二)脉络梳理作为一个Web前端,你知道Vuex的instal ...
vue实例没有挂载到html上,vue 源码学习 - 实例挂载
前言在学习vue源码之前需要先了解源码目录设计(了解各个模块的功能)丶Flow语法. src ├── compiler # 把模板解析成 ast 语法树,ast 语法树优化,代码生成等功能. ├── ...
2021-03-19Tomcat源码学习--WebAppClassLoader类加载机制
Tomcat源码学习--WebAppClassLoader类加载机制在WebappClassLoaderBase中重写了ClassLoader的loadClass方法,在这个实现方法中我们可以一窥t ...
jQuery源码学习之Callbacks
jQuery源码学习之Callbacks jQuery的ajax.deferred通过回调实现异步,其实现核心是Callbacks. 使用方法使用首先要先新建一个实例对象.创建时可以传入参数flag ...

jQuery1.3.2 源码学习 -1 $ 是什么？jQuery 又是什么？

jQuery1.3.2 源码学习 -1 $ 是什么？jQuery 又是什么？相关推荐

最新文章

热门文章