jQuery源码的奥妙(一)

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

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://spring1984.blog.51cto.com/8721305/1629253

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。