jQuery学习之结构解析

jQuery内核解析

1、jQuery整体的结构是一个匿名函数

(function( window, undefined ) {})(window);

2、jQuery就是一个很普通的函数，也是一个很普通的对象，还是一个构造器函数

var jQuery = function( selector, context ) {

return new jQuery.fn.init( selector, context );

}

3、window.jQuery相当于把jQuery作为window的一个属性，所以这样一来在外部就可以通过window.jQuery来访问了

4、$就是window的一个属性，从window.jQuery=window.$=jQuery可以推出：$=jQuery

window.jQuery = window.$ = jQuery;

5、jQuery的原型是一个json格式的对象

6、在jQuery原型上加的方法，只有通过选择器得到jQuery对象，才能调用该方法

//在jQuery的API中,jQuery(elements)这些方法都得通过jQuery对象才能调用，这些方法全部是加在原型上的方法

jQuery.fn = jQuery.prototype = {

length: 0,

size: function() {

return this.length;

},

each: function( callback, args ) {

return jQuery.each( this, callback, args );

},

ready: function( fn ) {}

};

7、$.post或者jQuery.post是静态调用，称为全局方法，是直接加在构造器函数上的方法

//全局方法和jQuery的原型上的方法

如果写一个方法，该方法和页面上的元素没有关系，这个方法可以为全局方法

如果写一个方法，该方法和页面上的元素有关系，则这个方法就是jQuery原型的方法

8、jQuery.fn=jQuery.prototype=$.prototype=window.$.prototype=$.fn=window.jQuery.prototype=window.jQuery.fn

写一个类似于window的alert

$.alert = function(message){

window.alert(message);

}

9、我们把一个方法加载jQuery对象上或者加在jQuery原型上，称这样的方法为jQuery插件

//把jQuery的整个实现过程存放在匿名函数中，就是有些内容肯定不能让外部访问，反之会存在危险