谈一谈jquery核心架构设计

《谈一谈jquery核心架构设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解谈一谈jQuery核心架构设计　　这篇文章主要和大家谈一谈jQuery核心架构设计，什么是jQuery核心架构设计，多方面了解jQuery核心架构设计，感兴趣的小伙伴们可以参考一下　　jQuery对于大家而言并不陌生，因此关于它是什么以及它的作用，在这里我就不多言了，而本篇文章的目的是想通过对源码简单的分析来讨论jQuery的核心架构设计，以及jQuery是如何利用javascript中的高级特性来构建如此伟

2、大的javascript库。　　1初识jQuery　　从核心功能来看，jQuery仅仅做了一件简单而又平凡的事：查询。它的语法如此简洁明了，以致于很多人在不知道javascript是什么的时候就已经会用jQuery了，用一个词形容就是：大道至简。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解从设计层面来看，我们可以将jQuery提

3、供方法分为两大类：静态方法和实例方法。静态方法就是直接通过$访问的方法，这些方法一般不对dom元素操作，而是提供了一些常用的工具，比如ajax请求、以及对字符串的一些常用操作，除此之外，jQuery还提供了对自身的扩展机制，你可以通过extend方法来编写你需要的组件。而实例方法和静态方法不一样，它是用来对jQuery查询的DOM元素进行操作，jQuery执行$()会构建一个jQuery对象，这个对象以数组的方法存储查询出的所有DOM元素，然后在这个对象的原型链上实现了对这些DOM操作的方法，比如each()方法就是用来遍历每一个DOM元素的。你

4、可能会注意到，我刚说这个对象“以数组的方式”存储，那就是说，jQuery构建的这个对象不是数组，那这个对象到底是什么？其实这个对象就是jQuery的核心，也被称作“jQuery对象”。因此，本文的重点就是对jQuery对象进行分析和讨论。　　2jQuery对象　　一般情况下，我们会这样使用jQuery：　　$('div').each(function(index){　　 //this...　　});　　$('div')执行完后回返回一个jQuery对象，each()方法是对这个对象中的DOM元素进行遍历，我们先看看$('div')的执行过程（本文

5、源码摘自jQuery3.0）：　　jQuery=function(selector,context){　　 returnnewjQuery.fn.init(selector,context);　　}　　这个方法就是$('div')的入口方法，$是jQuery的简写，就相当于jQuery('div')，可以看出，这个方法只做了一件事，那就是返回jQuery.fn.init()函数的实例对象，那jQuery.fn.init又是什么呢，我们再看下面的代码：　　init=jQuery.fn.init=function(selector,对党的认识也有了进

6、一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解context,root){　　 //... 　　 returnthis;　　}　　init.prototype=jQuery.fn;　　jQuery.fn.init和init引用了同一个方法，这个方法根据selector查询出符合条件的DOM元素，并返回，可你会发现，返回的是this，这个this是什

7、么呢？我们待会分析，先看下面的这句话：　　init.prototype=jQuery.fn;　　这句话是什么意思呢，这句话是让init方法的prototype对象指向了jQuery.fn对象，那jQuery.fn又是什么鬼？我们继续看代码：　　jQuery.fn=jQuery.prototype={　　 //ThecurrentversionofjQuerybeingused　　 jquery:version,　　 constructor:jQuery,　　 //ThedefaultlengthofajQueryobjectis0　　 lengt

8、h:0,　　 //Executeacallbackforeveryelementinthematchedset.　　 each:func