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

使用 jQuery（中级），第 1 部分:?使用插件创建和扩展 jQuery 函数 2009 年 4 月 20 日 jQuery 的流行在很大程度上应该归功于其将插件架构包括进来的决定。这个决定让任何一位第三方开发人员都能超越最初的库函数创建并扩展 jQuery 函数。结果所产生的这数百个插件几乎能够提供一个 Web 应用程序内所需的任何一种函数。本文介绍了这个插件架构并解释了 jQuery 是如何让 Web 应用程序表现得与桌面应用程序一模一样。 简介 自我发表了有关 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 的开发环境，使处理与维护都更为轻松。 插件 jQuery 插件结构有很多优点。首先，它让您能够只使用 jQuery 核心以外的那些想要使用的小部件及函数。这在 Web 应用程序中非常重要，因为每附加一个插件都意味着下载和流量的增加。通过允许您只使用那些希望使用的插件，您就可以更好地管理 Web 流量。其次，它使那些热情高涨的第三方开发人员可以创建自已感兴趣的小部件并通过创建他们自已的插件来改进 jQuery 函数，而不必尝试通过 jQuery 核心代码来实现其想法。这使得 jQuery 的使用者能用集体的创造力和创造热情来扩展这个库，这样一来，新想法和新小部件的增长潜力几乎是无限的。这一点与封闭式的结构完全相反，后者需要 jQuery 团队审查和批准每个插件，这无疑会导致创建瓶颈。第三，这个由 jQuery 团队创建的插件架构，无论是对创建插件还是对使用插件的开发人员而言，用起来都很方便，这也是插件能够飞速发展的重要动力。然而，除了这些优点之外，也有一个不好的方面：这些插件没有正式的测试结构。因此，虽然可以放心 jQuery 核心已经被仔细测试过，但是如若选择使用了一个插件，也只能依靠第三方对其进行测试了。对于一个十分关键的 Web 应用程序而言，这个缺点应被予以重视。 要使用一个插件，需要将