jQuery内核解析
//整体的结构是一个匿名函数
(function( window, undefined ) {
//jQuery就是一个很普通的函数,也是一个很普通的对象,还是一个构造器函数
var jQuery = function( selector, context) {
return new jQuery.fn.init( selector,context );
}
//window.jQuery相当于把jQuery作为window的一个属性,所以这样一来在外部就可以通过window.jQuery来访问了
//$就是window的一个属性,从window.jQuery=window.$=jQuery可以推出:$=jQuery
window.jQuery = window.$ = jQuery;
//jQuery的原型是一个json格式的对象
//在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 ) {}
};
//$.post或者jQuery.post是静态调用,称为全局方法,是直接加在构造器函数上的方法
//全局方法和jQuery的原型上的方法
如果写一个方法,该方法和页面上的元素没有关系,这个方法可以为全局方法
如果写一个方法,该方法和页面上的元素有关系,则这个方法就是jQuery原型的方法
jQuery.fn=jQuery.prototype=$.prototype=window.$.prototype=$.fn=window.jQuery.prototype=window.jQuery.fn
//写一个类似于window的alert
$.alert = function(message){
window.alert(message);
}
//我们把一个方法加载jQuery对象上或者加在jQuery原型上,称这样的方法为jQuery插件
//把jQuery的整个实现过程存放在匿名函数中,就是有些内容肯定不能让外部访问,会存在危险
})(window);
手动开发一个插件
$.alert = function(message){
window.alert(message);
}
$.fn.aa = function(message){
window.alert(message);
}
jQuery.alert=$.alert=window.$.alert=window.jQuery.alert
$.fn.aa = $.prototype.aa
$.alert("hello");
$("#a").aa("aaaa");
function Person(){
}
Person.prototype.aa = "5"
Array.prototype = new Person();
var a = new Array();
alert(a.aa);
//系统不允许改js内置对象的原形
//系统不允许改js内置对象的原形