各位应该和我一样,对jQuery这个js轻量级框架有着很深的感触,因为有了它,使我们的工作变得更加轻松,使代码的结构变得更加清晰。但是同样也是有负面的影响,如果使用的多了,自己js的能力可能会下降,这个也是因人而异的。
为了增强自己对jQuery的理解,也为了体会一下大师John Resig的代码风格,今天好好的看了下jQuery的源码。
其实jQuery的总体架构还是挺简单的,最基础的代码如下:
(function() {
var myQuery = (function() {
var myQuery = function(args) {
alert(args);
};
return myQuery;
})();
window.myQuery = window.$ = myQuery;
})();
$(88);
上面的代码是我根据jQuery的源码自己改写的比较清晰的组织形式。
首先定义了一个命名空间,在命名空间里面声明了一个函数,函数内部返回一个函数指针,其实这个指针才是真正要用到的对象,之后所有的jQuery都是在这个对象上扩展方法。
window.myQuery = window.$ = myQuery;
上面的方法就是让全局变量中的$指向这个对象指针。
与个人博客同步更新
分享到:
相关推荐
深入理解JavaScript和jQuery是Web开发中的重要课题,这两者都是前端开发者不可或缺的工具。JavaScript作为浏览器端的主要脚本语言,负责动态交互,而jQuery则是一个轻量级的库,极大地简化了JavaScript的DOM操作,...
**jQuery 理解** jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和Ajax交互,使得开发者能够更快速、更简洁地编写动态网页。自2006年发布以来,jQuery 已经成为了前端开发的主流...
"解决chrome对jQuery的支持问题"这个主题就聚焦于这样一个常见问题:Chrome浏览器对jQuery的`$(document).ready()`函数的执行时机。 `$(document).ready()`,也常被写为`$(function() {...})`,是jQuery中的一个...
【从零开始学jQuery】这个教程旨在帮助初学者全面理解并掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互,是Web开发中的常用工具。 ### (一) 开天辟地入门篇 在入门...
在“jQuery例子大全 jQuery demo”这个压缩包中,包含了一系列的示例,旨在帮助用户快速理解和掌握jQuery的核心概念及常用方法。** ### 一、jQuery 基本使用 jQuery 的核心在于它的选择器,它允许我们方便地选取...
《锋利的jQuery》第一版是一本深入解析jQuery库的权威指南,旨在帮助开发者更好地理解和应用这个强大的JavaScript库。jQuery以其简洁的API和高效的DOM操作,极大地简化了JavaScript的复杂性,成为Web开发中不可或缺...
**jQuery 1.12.4 知识点详解** jQuery 是一个广泛使用的JavaScript库,它简化了HTML文档...以上是对jQuery 1.12.4及其相关资源的基本介绍,掌握这些内容,将有助于你在实际开发中熟练运用jQuery,提升前端开发水平。
jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。这个压缩包文件包含了从jQuery1.3到jQuery1.7的多个版本,这些版本见证了jQuery的发展历程和功能...
1. **选择器**: jQuery 提供了类似 CSS 的选择器,用于快速选取页面上的元素。例如,`$("#myID")` 会选择 ID 为 "myID" 的元素,`$(".myClass")` 会选择所有 class 为 "myClass" 的元素。 2. **DOM 操作**: jQuery ...
在JavaScript开发领域,jQuery是一个广泛应用的库,它极大地简化了DOM操作、事件处理和Ajax交互。然而,随着jQuery的版本更新,为了保持库的性能和现代化,一些旧的API和功能被废弃。这就给那些依赖旧版jQuery代码的...
jQuery 3.x 系列是继1.x和2.x后的又一重大更新,它主要关注性能优化、API清理以及对现代浏览器的更好支持。`3.2.1`作为其中的一个小版本更新,主要关注修复已知问题和改进兼容性。 ### 2. jQuery.holdReady(hold) ...
1. **选择器引擎优化**:jQuery 1.5.1对选择器引擎Sizzle进行了优化,提高了元素查找的速度和准确性,使得在大型DOM树中操作更加高效。 2. **AJAX增强**:这一版本加强了AJAX功能,如增加了对JSONP的支持,提升了...
"经典jquery案例 经典jquery"这个主题涵盖了几个实用且常见的jQuery应用,通过这些案例,我们可以深入理解jQuery的强大功能和便捷性。 首先,"可编辑表格"是网页交互中常见的一种功能,jQuery可以轻松实现这一需求...
《jQuery在线试卷答题代码》是基于JavaScript库jQuery实现的一款多功能的在线考试系统。该系统涵盖了多种题型,包括但不限于单项选择题、多项选择题、判断题、填空题、解答题、论述题以及完形填空和阅读理解,旨在...
**jQuery Starterkit** ...无论是对jQuery感兴趣的初学者,还是正在寻找API参考和解决方案的开发者,都能从中受益。通过阅读教程、查阅API文档、实践代码示例,用户可以深入理解jQuery,提升自己的前端开发技能。
在这个标题为“jquery-1.12.4.zip”的压缩包中,包含的是jQuery库的1.12.4版本,这是一个稳定且成熟的选择,适用于那些对兼容性和性能有较高要求的项目。 首先,我们来了解一下jQuery的核心特性。jQuery的主要目标...
在这个"Jquery 3.2.1.zip"压缩包中,包含的是jQuery的最新版本3.2.1的相关资料,对于想要深入理解和运用jQuery的开发者来说,是一份非常宝贵的资源。 首先,让我们了解一下jQuery的核心特性。jQuery简化了DOM操作,...
1. 兼容性:jQuery 3.0.0对浏览器的兼容性进行了全面升级,支持现代浏览器的同时,也保留了对旧版IE的兼容,确保代码能在广泛的应用场景中正常运行。 2. 性能提升:3.0.0版本对内部算法进行了优化,提高了代码执行...
1. **选择器**:jQuery提供了一种简洁的方式来选取DOM元素,比如"$('div')”可以选取所有的`<div>`元素。它还支持CSS选择器,甚至扩展了一些自定义的选择器,如":first"、":last"、":even"等。 2. **链式操作**:...
### 关于DOM与jQuery对象的理解 #### DOM简介 在探讨DOM与jQuery之间的关系之前,我们首先需要明确什么是DOM(Document Object Model)。DOM是一种用于表示HTML或XML文档的标准接口,它提供了一种方式来读取、操作...