jQuery基础框架浅入剖析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery基础框架浅入剖析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2029字，纯文字阅读大概需要3分钟。

内容图文

一、原型模式结构
代码如下:

// 定义一个jQuery构造函数 
var jQuery = function() { 
}; 
// 扩展jQuery原型 
jQuery.prototype = { 
}; 
 
上面是一个原型模式结构，一个jQuery构造函数和jQuery实例化对象的的原型对象，我们一般是这样使用的： 
 代码如下:

var jq = new jQuery(); //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法，但是jQuery并不是这么使用的 
 
二、返回选择器实例 
 代码如下:

var jQuery = function() { 
// 返回选择器实例 
return new jQuery.prototype.init(); 
}; 
jQuery.prototype = { 
// 选择器构造函数 
init: function() { 
} 
}; 
 
虽然jQuery不是通过new关键字实例化对象,但是执行jQuery函数仍然得到的是一个通过new关键字实例化init选择器的对象,如： 
var navCollections = jQuery('.nav'); //变量navCollections保存的是class名为nav的DOM对象集合. 
三、访问原型方法 
 代码如下:

var jQuery = function() { 
// 返回选择器实例 
return new jQuery.prototype.init(); 
}; 
jQuery.prototype = { 
// 选择器构造函数 
init: function() { 
}, 
// 原型方法 
toArray: function() { 
}, 
get: function() { 
} 
}; 
// 共享原型 
jQuery.prototype.init.prototype = jQuery.prototype; 
 
我们一般习惯称jQuery函数中返回的选择器实例对象为jQuery对象，如我们可以这样使用: 
 代码如下:

jQuery.('.nav').toArray(); // 将结果集转换为数组 
 
为什么可以使用toArray方法呢? 即如何让jQuery对象访问jQuery.prototype对象中的方法?只需将实例化选择器对象的原型对象共享jQuery.prototype对象，上面体现代码为： 
 代码如下:

jQuery.prototype.init.prototype = jQuery.prototype; // 共享原型 
 
四、自执行匿名函数 
 代码如下:

(function(window, undefined) { 
var jQuery = function() { 
// 返回选择器实例 
return new jQuery.prototype.init(); 
}; 
jQuery.prototype = { 
// 选择器构造函数 
init: function() { 
}, 
//原型方法 
toArray: function() { 
}, 
get: function() { 
} 
}; 
jQuery.prototype.init.prototype = jQuery.prototype; 
// 局部变量和函数在匿名函数执行完后撤销 
var a, b, c; 
function fn() { 
} 
// 使jQuery成为全局变量 
window.jQuery = window.$ = jQuery; 
})(window); 
 
自执行匿名函数中声明的局部变量和函数在匿名函数执行完毕后撤销，释放内存，对外只保留jQuery全局变量接口。

来源： http://www.cnblogs.com/yangjunhua/archive/2012/12/27/2835989.html
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的jQuery基础框架浅入剖析全部内容，希望文章能够帮你解决jQuery基础框架浅入剖析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端