本文是对jQuery源码分析的简单纪要。
jQuery相关对象内存图 jQuery代码分析纪要: 1、 jQuery一加载进来,就执行匿名函数,进行jQuery的初始化工作,定义jQuery的功能,最后暴露出jQuery和$变量给用户使用。
(
function( window, undefined ) {
window.jQuery = window.$ = jQuery
})( window );
2、 jQuery功能扩展函数Extend
jQuery.extend = jQuery.fn.extend =
function() {
}
jQuery提供了2个供用户扩展的函数jQuery.extend和jQuery.fn.extend。
jQuery.extend 用于扩展jQuery自身方法,如jQuery.ajax, jQuery.getJSON等,jQuery.fn.extend则是用于扩展jQuery(...)的方法,从上面的内存图中可以看出,经过jQuery包装后的dom元素,在其原型链上会拥有jQuery.fn.extend扩展的方法。
3、 jQuery函数,就是我们平常$('#id')所执行的函数,返回包装过的dom元素
// Define a local copy of jQuery
jQuery = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );
},