jQuery 原理初步探究

最新推荐文章于 2022-08-06 17:53:15 发布

spring21st

最新推荐文章于 2022-08-06 17:53:15 发布

阅读量3.9k

点赞数

分类专栏： jQuery 文章标签： jquery javascript function div 扩展面试

本文链接：https://blog.csdn.net/spring21st/article/details/5644590

版权

jQuery 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

经历了百度的面试，才深刻体会到对于任何的知识，仅仅知其然，不知其所以然，对于学习是很不好的。

一直以为对jQuery很熟悉，从1.2.6 一直用到现在的1.4.1 ,API可以按照分类背出来，但是掌握的层次仅仅是在应用上。网页教学网上曾经有一篇文章《前端开发者使用JS框架的三个等级》，我在写代码的时候，思路还是没有离开“功能实现”。

结合使用jQuery的经验，面试归来，好好研究一下jQuery的代码，试着去了解它实现的原理。

jQuery 的整体架构分析如下：

在jQuery的开篇声明里有一段非常重要的话:

jQuery是为了改变javascript的编码方式而设计的.

从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库.
jQuery改变javascript编码方式!

那么它是如何实现它的声明的呢?这里,用以下的一段简短的使用流程:
1)查找(创建)jQuery对象:$("selector”);
2)调用jQuery对象的方法完成我们需要完成的工作:$("selector”).doOurWork();

jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的.这两个步骤是jQuery的编码逻辑核心!

要实现这种简洁编码方式,创建jQuery对象这一环节至关重要.因此,jQuery的dom元素查找能力相当强悍.此外,jQuery对象的方法肯定是有限的,有限的方法满足不了日益增长各有所需的要求,所以,必须提供jQuery对象方法的扩展能力.

强悍的dom元素查找能力,以及随心所欲的方法扩展,这两点正是jQuery的核心所在!

参考jQuery实现的思想，我自己写了一个demo，还请各位牛人多多指教。:)

<html> <head> <title>My jQuery</title> </head> <body> <div id=”div1”>div1</div> <div id=”div2”>div2</div> </body> </html> <mce:script type=”text/javascript”></mce:script>

最后，感谢裕波的推荐，谢谢面试我的王慧以及他的同事。

知道自己的不足，我会继续努力的！