jQuery内部原理和实现方式浅析

本文实例陈说了jQuery使用slideUp方法完结调整作而成分缓慢收起效用的本领。分享给我们供大家参谋。具体贯彻情势如下:

      终于动笔初始 jQuery
源码剖析第二篇,写文章还真是有难度,要把自已懂的表达清楚,要让外人听懂真的不是一见易事。

那篇随笔重要介绍了jQuery内部原理和兑现格局深入分析,本文试图从总体来阐释一下jQuery的里边得以完结,要求的对象可以参见下

$.ready{ $.click{ $.slideUp;#panel,#flip{padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;}#panel{padding:50px;}Click to slide up panelHello world!

      在 jQuery 源码深入深入分析少年老成:jQuery
类库全部构造划假造计深入分析 一文,差不离汇报了
jQuery 源码全部大约结构,重要分为以下多少个点:

 

期待本文所述对我们的jQuery程序设计具备助于。

      A 通过自奉行函数,在个中校 jQuery (jQuery 为三个函数,同有的时候间,在
JS 中,函数也为指标)以 window.jQuery=window.$ 引进,供客商一贯便可利用
$、jQuery 调用。

这段时日在上学商量jQuery源码,收益于jQuery日益升高强大,研讨jQuery的大腕越多,学习的质感也比前八年好找了,有多数特别科学的能源,如高云的jQuery1.6.1源码解析体系。那么些科目非常紧凑的深入分析了jQuery内部原理和实现方式,对上学和驾驭jQuery有非常大的赞助。可是个人感觉超多科目对jQuery的总体结果把握不足,自身试图从总体来阐释一下jQuery的内部得以完成。

      B 以 C#、Java 为例,可以知道存在静态方法、对象方法分别,该原理类比
jQuery ,jQuery.xxx 也就是给为其扩大静态方法,而 jQuery.fn.xxx
则可类比于也就是给其扩展对象方法。

大家理解,调用jQuery有三种艺术,风姿浪漫种是高级的落到实处,通过传递一个参数达成DOM采纳,如通过$(“h1″卡塔尔接纳具备的h1成分,第三种是较为低端的兑现,假如因而$.ajax完成ajax的操作。那么,那二种方式终归有什么分裂?用typeof函数检查测验$(‘h1′卡塔尔和$.ajax,类型分别为object和function,微微学过jQuery的都领悟照旧听过过,前者再次来到的是三个jQuery对象,那么jQuery对象是怎么,它和jQuery是怎么关系啊?大家先来由此for(var
i in $(”卡塔尔(قطر‎卡塔尔(قطر‎ document.write(i+”
:::”+$(“”卡塔尔(英语:State of Qatar)[i]+””卡塔尔(英语:State of Qatar);打字与印刷一下jQuery对象的习性和相应的值,可以看见它有100四个属性,通过console输入$(“*”卡塔尔能够见见超越四分之二性格是继承自jQuery原型的天性,jQuery对象实际是如此二个对象:

      C 在 jQuery 源码内部,美妙利用原型,直接上代码: