当前位置: 首页 > web开发 > jQuery > 正文

使用jQuery(中级),第1部分:使用插件创建和扩展jQuery函数

时间:2010-06-30 IBM Michael Abernethy

简介

自我发表了有关 jQuery JavaScript 库的第一个系列文章的这六个月来,在 jQuery 领域发生了很多事情。对我们这些 jQuery 的信徒而言,最令人激动的莫过于 Microsoft® 已经选择在其 Visual Studio 套件中使用 jQuery,并已经决定将 jQuery 作为目前该套件所包含的惟一的 JavaScript 库。这显示了对 jQuery 的极大支持,帮助巩固了 jQuery 作为适用于 Web 应用程序的领先 JavaScript 库的地位。jQuery 受欢迎程度不断攀升的另一个有力说明是更新后的 Google Trends 图。我在之前的一篇文章中介绍过该图表,它展示了 jQuery 已经开始渐渐地从备用的这些 JavaScript 库中脱离出来。而六个月后,这种脱离更为明显,这一点从图 1 和图 2(忽略了 12 份类似股票市场的下跌)所示的这两个更新后的 Google 趋势图中可以看出。

图 1. 2008 年 6 月常用 JavaScript 库的 Google 趋势图

图 2. 2009 年 1 月常用 JavaScript 库的 Google 趋势图

在这个由五篇文章组成的系列文章中,我将更进一步,讨论在使用 jQuery 中涉及到的一些属于中等级别的主题。该系列涵盖的主题包括插件及插件的开发、jQuery UI 程序包、创建 jQuery 小部件的一些较高深的主题、更先进的 Asynchronous JavaScript + XML (Ajax) 技术,最后,还会对比 JavaScript 及其他库来介绍 jQuery 的性能。

本系列中的第一篇文章将讨论 jQuery 中所使用的插件结构。插件是 jQuery 比其他 JavaScript 库发展速度更快的最主要原因。由于插件广受第三方开发人员忠爱,到目前为止,已经有上百个插件被开发出来,极大地丰富了 jQuery 功能。插件,从名字的字面意义不难看出,就是为了扩展 jQuery 的核心下载所固有的功能而 “插入” 到 jQuery 的小部件或代码模块。插件社区已经开发出了上百个插件,这没有丝毫的夸大。无论您的 Web 站点遇到了什么问题,无论您(或您的客户)需要何种小部件,您都有可能在 jQuery 插件库中找到解决的办法。而且,插件库内所有的插件都是可免费下载并能在您自已的 Web 站点上使用的。

插件并不只限于用户界面小部件,此外还包括对 jQuery 语法的扩展、额外的 Ajax 函数以及人们改进其开发过程所需要的其他一些创新。更酷的是人们已经将几个内置的 JavaScript 特性(例如,线程特性 setTimeout() 及 setInterval())转换成了 jQuery 语法。这就为开发人员提供了一个纯 jQuery 的开发环境,使处理与维护都更为轻松。