继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jQuery源码的奥妙

喵喵一只汪
关注TA
已关注
手记 315
粉丝 86
获赞 467

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(); // 对象调用方法

(未完待续)

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP