jQuery是面向对象的设计
通过window.$ = window.jQuery = $; 向外提供接口,将$挂在window下,外部就可以使用$和jQuery
$("#div1").css() //$("#div1")是jQuery的一个实例对象,css()是实例的方法【实例的方法只能jQuery对象使用】
$("#div1").html()
$.trim()
$.proxy() //工具方法,相当于静态方法,【jQuery对象和原生js对象都可以使用】
(function(window , undefined){
【1】jQuery源码采取闭包形式(匿名函数自执行),好处是里面的代码都是局部的,不会与外部冲突
【2】为什么要传入window?
1、根据函数作用域链,若没有传入window,就会一层一层向上查找window,而window对象是 最顶层的对象,查找速度就会非常慢,传入后,只需要查找参数即可
2、便于压缩,可以用w参数代表window对象,所有用到window的都是w,节约空间
【3】为什么传入undefined?
在某些浏览器版本中undefined可以被修改
var undefined = 10;
alert(undefined); //IE10弹出undefined,IE7 8弹出10
为防止undefined被修改,这里传入undefined,jQuery首先找到的是参数中传入的undefined,不会找到外层或被修改的undefined
【4】 <script>
"use strict" //严格模式不允许 a = 10 ; var num = 010 不规范的写法 一般不推荐使用严格模式
</script>
【5】jQuery(document)可以直接使用,但是jQuery将每一个对象都赋值给了一个变量
var rootJQuery = jQuery(document)这样做的原因: jQuery(document)不可被压缩成一个字符,而rootJQuery可以
【6】 判断是不是undefined: window.a == undefined; typeof window.a == 'undefined' 用这个兼容IE6 7 8 9
})(window);
基本的面向对象的编程
function Aaa(){ //会自动生成Aaa.prototype.constructor = Aaa
}
Aaa.prototype.init = function(){};
Aaa.prototype.css = function(){};
var a1 = new Aaa();
a1.init();
a1.css();
两种为原型添加属性的方式比较:
一:
Aaa.prototype.name = 'zz';
Aaa.prototype.age = '18'
alert( a1.constructor ); //function Aaa(){}
二:
//prototype被覆盖,其中的constructor : Aaa不再了,所以{}形式需要在里面加上constructor : Aaa,否则constructor是空的Object
Aaa.prototype = {name : 'zz',age : '18'};
alert( a1.constructor ); //Object(){}
jQuery的设计思想:可以实现$().css()方式编程的原理
function jQuery(){
return new jQuery.prototype.init();
}
jQuery.prototype.init = function(){};
jQuery.prototype.css = function(){};
jQuery.prototype.init.prototype = jQuery.prototype; //对象的引用关系,对象的原型是一个对象