jQuery源码详解-入门
2008-12-02 16:26
176 查看
以下转自http://miokafe.com/,介绍了jQuery的部分原理和实现,对理解jQuery有很大帮助.
jQuery是个出色的javascript库,最近结合它写javascript,看了下源码。
先从整体、全局的看,jQuery的源码几乎都在下面的代码中:
第一个括号里面是个匿名函数,第二个括号表示马上执行第一个括号里面的代码。
首先明白,javascript里面是没有命名空间的,要保证你的javascript函数、对象与其他的不冲突,这里用了javascript的一个技 巧:你的所有javascript函数、对象都在一个匿名函数里面定义,确保了所定义的函数、对象的有效范围,起到了命名空间的作用。既然作用范围在这个 匿名函数中,怎么被别人使用呢?下面看它的下面代码:
var jQuery = window.jQuery = function(selector, context) {
//……
};
这里让jQuery库中最重要的对象jQuery成为了window对象的一个属性,这样就可以在其他地方像使用document (document也是window的一个属性)一样使用jQuery了。也许使用过jQuery的朋友惊讶-我没有使用jQuery对象,一直使用$ 的。没错,那是jQuery的同名对象:
window.$ = jQuery;
jQuery是个出色的javascript库,最近结合它写javascript,看了下源码。
先从整体、全局的看,jQuery的源码几乎都在下面的代码中:
第一个括号里面是个匿名函数,第二个括号表示马上执行第一个括号里面的代码。
首先明白,javascript里面是没有命名空间的,要保证你的javascript函数、对象与其他的不冲突,这里用了javascript的一个技 巧:你的所有javascript函数、对象都在一个匿名函数里面定义,确保了所定义的函数、对象的有效范围,起到了命名空间的作用。既然作用范围在这个 匿名函数中,怎么被别人使用呢?下面看它的下面代码:
var jQuery = window.jQuery = function(selector, context) {
//……
};
这里让jQuery库中最重要的对象jQuery成为了window对象的一个属性,这样就可以在其他地方像使用document (document也是window的一个属性)一样使用jQuery了。也许使用过jQuery的朋友惊讶-我没有使用jQuery对象,一直使用$ 的。没错,那是jQuery的同名对象:
window.$ = jQuery;
相关文章推荐
- jQuery源码详解-入门
- JQuery详解-JQuery入门环境的配置
- RNN入门详解及TensorFlow源码实现--深度学习笔记
- jQuery源码分析-构造函数详解
- jquery源码解析:jQuery延迟对象Deferred(工具方法)详解2
- 针对初学者的A*算法入门详解(附带Java源码)
- jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
- 玩转Android之Picasso使用详详详详详详解,从入门到源码剖析!!!!
- jQuery源码分析之sizzle选择器详解
- 读jquery插件源码必备知识--jQuery.extend 函数详解(二)
- jquery源码解析:jQuery数据缓存机制详解1
- Shiro安全框架入门篇(登录验证实例详解与源码)
- jQuery源码分析之jQuery(selector,context)详解
- jquery源码解析:proxy,access,swap,isArraylike详解
- 深度学习入门:详解 Ubuntu 下 PaddlePaddle 源码编译安装
- jQuery源码分析之$.get/$.post/serialize/serializeArray方法详解
- iBatisNet入门示例源码详解
- Redis入门详解(windows环境)+源码
- Shiro安全框架入门篇(登录验证实例详解与源码)
- 【Java入门提高篇】Day21 Java容器类详解(四)ArrayList源码分析