jQuery源码的奥妙(一)

jQuery源码的奥妙(一) 简化jQuery框架

创新互联公司是一家专注于成都网站制作、成都网站设计与策划设计,雁塔网站建设哪家好?创新互联公司做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:雁塔等地区。雁塔做网站价格咨询:18980820575

1、jQuery ×××

    下载地址:http://jquery.com/download/

    下载版本:jquery-2.0.3.js

    

2、(function(){})(); // 匿名函数自执行

    1)局部变量,防止冲突,互不影响。

   (function(){
       var a = 10;
       function $(){
          alert(a);
       }
    })();
    //alert(a) // 找不到a

  2)为了对外提供接口,可以挂载到 window 下

   (function(){
       var a = 10;
       function $(){
          alert(a);
       }
       
       window.$ = $;
    })();
    //alert(a) // 找不到a
    $(); // window下的$方法

3、(21,94)行,定义了一些变量和函数,包括:

   jQuery = function(){};

   (96,283)行,给JQ对象添加一些方法和属性。   

   (284,347)行 - extend,JQ的继承方法(有利于扩展和维护)。

   (349,817)行 - jQuery.extend(),扩展一些工具方法(静态方法)。

   (8826)行,对外提供函数接口:

   window.jQuery = window.$ = jQuery;

4、jQuery 是一个基于面向对象的程序

$("#div1").css();  // jQuery方法
$("#div1").html(); // jQuery方法

var arr = new Array();
arr.push(); // 对象调用方法
arr.sort(); // 对象调用方法

(未完待续)

附件:http://down.51cto.com/data/2365569

名称栏目:jQuery源码的奥妙(一)
文章起源:http://scyanting.com/article/ggssjs.html