`
liu.da101
  • 浏览: 8318 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery源码解读2 - 整体架构

阅读更多
1,整体使用了一个匿名函数作为jQuery的命名空间,代码如下:

  (function(window,undefined){
    var jQuery = function(){};
    window.jQuery = window.$ = jQuery;
  })(window);
 

    最后,通过将jQuery对象暴露给window,从而可以在外部访问

2,接下来,看一下jQuery对象是怎样生成的

  第27行代码:
 
    return new jQuery.fn.init(selector,context,rootjQuery);
  

 
  这样就生成了一个对象,对象拥有的方法,都在jQuery.fn.init这个“类”里。而由于第324行代码将jQuery.fn.init的prototype指向了jQuery.fn,所以生成的对象的方法也可以在jQuery.fn这个“类”里。
 
  第324行代码:
 
    jQuery.fn.init.prototype = jQuery.fn;
  


  第100行代码:
 
    jQuery.fn = jQuery.prototype = {}
  

  将jQuery.fn又指向jQuery.prototype
 
  最终,使用jQuery("div")调用的函数是第102行代码
0
2
分享到:
评论

相关推荐

    jQuery-, jQuery源码解读 -- jQuery v1.10.2.zip

    《jQuery源码解读——深入理解jQuery v1.10.2》 jQuery,这个轻量级的JavaScript库,自2006年发布以来,以其简洁的API和强大的功能深受开发者喜爱,成为Web开发领域中不可或缺的一部分。本文将对jQuery v1.10.2的...

    jQuery源码 jQuery源码 jQuery源码

    jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery.datepicker-zh-CN.js

    <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...

    jQuery源码解读

    在源码解读中,我们可以看到jQuery的设计思路和实现机制。 首先,jQuery的核心设计是基于JavaScript的闭包特性,以避免命名冲突。整个jQuery库被包裹在一个立即执行的匿名函数中,这样可以确保其中定义的所有函数和...

    jQuery源码分析-插件

    jQuery源码分析-插件

    jQuery:jQuery 源码解读 -- jQuery v1.10.2

    以下是对jQuery源码的深度解读。 ### 1. 兼容性处理 jQuery从诞生之初就致力于解决JavaScript在不同浏览器之间的兼容问题。在v1.10.2中,jQuery通过`jQuery.fn.init`初始化函数处理了各种浏览器差异,比如`...

    插件jquery-ui-timepicker-addon.js

    jquery插件jquery-ui-timepicker-addon.j

    jquery插件jquery-ui-1.8.2.custom.min.js

    《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展,提供了丰富的用户界面组件...

    jQuery摄像头插件jquery-webcam-plugin

    **jQuery摄像头插件jquery-webcam-plugin** 在网页开发中,集成摄像头功能可以帮助用户实时捕捉图像,广泛应用于在线证件照上传、视频聊天、虚拟试衣间等场景。`jQuery webcam plugin`是一个优秀的JavaScript库,它...

    jquery-migrate-3.3.0 (1).zip

    jquery-migrate-3.3.0 (1).zip

    jQuery源码分析-事件(1).

    jQuery源码分析-事件(1).

    jquery-easyui-1.2.4源码

    jquery-easyui-1.2.4源码,在其他地方是没有的,内部发布

    jquery源码框架解读

    8. **学习资源**:除了这份源码解读,还有其他学习资源,如jQuery官方文档、社区讨论、在线教程等,这些都可以辅助开发者深入理解jQuery。 通过对jQuery源码的深入学习,开发者不仅能掌握其工作原理,还能学习到...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    这个压缩包包含两个关键文件:`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`,这些都是jQuery UI的特定版本,即1.8.16。这个版本在当时是一个广泛使用的稳定版本,提供了丰富的功能和组件。 ...

    jQuery打印插件----jQuery.print.js

    jQuery打印插件----jQuery.print.js实现网页的打印功能,亲测有效

    jQuery源码分析-初步

    jQuery源码分析-初步

    精通JavaScript+jQuery电子书+源码-部分3

    在"精通JavaScript+jQuery电子书+源码-部分3"中,我们可能会深入探讨以下几个关键知识点: 1. **JavaScript基础**:这部分可能涵盖变量、数据类型(包括基本类型和引用类型)、运算符、控制流(如条件语句和循环)...

Global site tag (gtag.js) - Google Analytics