首页 > Web开发 > 详细

jQuery源码的奥妙(一)

时间:2015-04-06 18:51:33      阅读:238      评论:0      收藏:0      [点我收藏+]

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源码的奥妙(一)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!