jQuery源码结构分析

        jQuery本身是一个函数对象:

             jQuery=function(selector,context){return new jQuery.fn.init(selector,context,rootjQuery)};

     几个重要的函数:

            jQuery.fn=jQuery.prototype={

                          init:function(selector,context,rootjQuery){....},

                         //...........

            } 

     当调用jQuery函数,并对其进行传递参数,返回来的是init初始化的对象:

           如:jQuery('#id'),得到:

               {

                 '0':id,

                  'length':1,

                  'context':document

              }

       jQuery.fn.init.prototype=jQuery.fn; 使得,jQuery初始化得到的对象,继承jQuery.fn中的属性和方法;

       jQuery.extend=jQuery.fn.extend=function(){...},使得可以通过调用extend方法来对jQuery、jQuery.fn进行添加成员,包括添加属性和方法,也就达到了扩展了jQuery的方法;

      而得到的jQuery对象,所有的方法和属性都是继承于jQuery.fn之上,而jQuery.fn的属性扩展基于extend的调用;譬如:

          jQuery.fn.extend({

                addFn1:function,

                addFn2:function

}),则让jQuery对象可以调用addFn1,addFn2的方法;

     在源码选择器处理,则用到了一个非常重要的类Sizzle;

     jQuery.fn.find=Sizzle;所以在jQuery对象调用find的时候,实际上调用的Sizzle函数;

         

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值