JQuery源码学习笔记(持续更新中)

1.先来一碗鸡汤

       一直觉得jquery无比好用,但是对于他的源码从来不敢触碰(怂状微笑),觉得太庞大不知从何下手,但是想提高自己的前端水平,了解架构的设计思想之类高大上的理由让我对自己下了个狠心,学!正好最近get到一套好的讲解源码的视频,那就每天学习一点点,然后就更新一点点我的学习笔记,希望促进自己学习的热情,也希望能为对jquery源码感兴趣的骚年们提供一丢丢资料~,毕竟一个人学是枯燥的,一起学就多了分享的乐趣, 恩,我看视频去了~共勉微笑。                                            2016.03.04

       

2.基本结构

(function(){
       21   -- 94行     定义一些变量和函数 jQuery = function(){ };    jquery是面向对象的。
                        举个例子:
         jq写法: $(".box").css( );  //jq对象去调用css( )方法
         一般 写法: var arr = new Arry( );
         arr .push( );    //arr对象去调用push( )方法

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

     285   -- 347行   extend:JQ的继承方法。 (extend方法利于后期扩展)  
 
     349   -- 817行   jQuery.extend( ) :扩展一些工具方法。
                       举个例子:
                        $(".box").css( );  //用于jq对象调用方法(实例方法)
                        $.trim( );  //用于js原生对象调用方法(工具方法)

     877   -- 2856行 Sizzle : 复杂选择器的实现 。

     (28 80   -- 3042行 Callbacks : 回调对象 : 对函数的统一管理。

     (3043   -- 3183行 Deferred : 延迟对象 : 对异步的统一管理。

      (3184   -- 3295行 Support : 功能检测(检测浏览器等)。

     (3308   -- 3652行 data( ): 数据缓存。

      (3653  -- 3797行  queue( ): 队列管理。

     (3803 --  4299行  attr( ) prop( ) val( ) addClass( )等 :  对元素属性的操作。

      (4300 --  5128行  on( ) trigger( ) 等 :  事件操作的相关方法。

      (5140--  6057行  DOM操作 :  添加 删除 获取 包装 DOM筛选。

      (6058--  6620行  css( ) :  样式的操作。

      (6621--  7854行  提交的数据和ajax( ) :  ajax( ) load( ) getJson( )。

     (7855--  8584行  animate( ) :  运动的方法。

     (8585--  8792行  offset( ) :  位置和尺寸的方法。

     (8804--  8821行  JQ支持模块化的模式。

    (8826行)          window.jQuery = window.$ = jQuery;   //将jquery中定义的变量挂载到windows对象上。
})( )
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值