jQuery1.4.1 小结

[/align][align=center]

/*
* jQuery1.4.1 代码分析 isw2 zhoux
*/
//jQuery 核心函数
(function( window, undefined ) {
var jQuery = function( selector, context ) {// jQuery 的构造方法(初始化过程调用4次)
return new jQuery.fn.init( selector, context );// 调用init 方法
};
jQuery.fn = jQuery.prototype = {// 这里声明jQuery.fn 是jQuery.prototype 的简写
init: function( selector, context ) {
if ( !selector ) {// jQuery(),$():返回空jQuery 对象
return this;
}
if ( selector.nodeType ) {// jQuery(elements),$(elements):调用将DOM元素转化为jQuery对象。
this.context = this[0] = selector;
this.length = 1;
return this;
}
if ( typeof selector === "string" ) {// 这里注意==(等于,比较时会转型)和===(完全等于,比较时不会转型)的区别
match = quickExpr.exec( selector );//匹配/^[^<]*(<[\w\W]+>)[^>]*$|^#([\w-]+)$/, match[1]即<[\w\W]+>)  为HTML 字符串
if ( match && (match[1] || !context) ) {
if ( match[1] ) {//如果是HTML
doc = (context ? context.ownerDocument || context : document);
ret = rsingleTag.exec( selector );//匹配/^<(\w+)\s*\/?>(?:<\/\1>)?$/
if ( ret ) {
if ( jQuery.isPlainObject( context ) ) {//jQuery(html, props):创建由 jQuery 对象包装的 DOM 元素。同时设置属性、事件等。
selector = [ document.createElement( ret[1] ) ];//使用document创建元素
jQuery.fn.attr.call( selector, context, true );//设置元素属性(props)
} else {
selector = [ doc.createElement( ret[1] ) ];//使用指定context创建元素
}
} else {//?
ret = buildFragment( [ match[1] ], [ doc ] );
selector = (ret.cacheable ? ret.fragment.cloneNode(true) : ret.fragment).childNodes;
}
}else{//#id
elem = document.getElementById( match[2] );//根据id 查找元素
if ( elem ) {
if ( elem.id !== match[2] ) {//如果element id 和查询不一致
return rootjQuery.find( selector );//rootjQuery = jQuery(document),这里相当于$(document).find(selector)
}
//包含当前元素
this.length = 1;
this[0] = elem;
}
this.context = document;
this.selector = selector;
return this;
}
} else if ( !context && /^\w+$/.test( selector ) ) {//根据tagName 查找
this.selector = selector;
this.context = document;
selector = document.getElementsByTagName( selector );
} else if ( !context || context.jquery ) {//用于$(expr, $(...)),即context 为jQuery对象
return (context || rootjQuery).find( selector );
} else {//jQuery(expression, [context]):这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。
return jQuery( context ).find( selector );
}
} else if ( jQuery.isFunction( selector ) ) {
return rootjQuery.ready( selector );// jQuery(callback),$(callback):$(document).ready()的简写
}
if (selector.selector !== undefined) {// ?
this.selector = selector.selector;
this.context = selector.context;
}
return jQuery.isArray( selector ) ?// ?
this.setArray( selector ) :
jQuery.makeArray( selector, this );
}
}
window.jQuery = window.$ = jQuery;// 这里声明window.jQuery ,window.$为jQuery的简写
})(window);// 这里类似于一个初始化方法的声明,页面加载后执行