jQuery源码的奥妙（一）

标签：javascript jquery 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

jQuery源码的奥妙（一）

标签：javascript jquery jquery源码

原文地址：http://spring1984.blog.51cto.com/8721305/1629253