首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

使用插件创建和扩展 jQuery 函数-1

使用插件创建和扩展 jQuery 函数-1

简介自我发表了有关 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 应用程序而言,这个缺点应被予以重视。                    
要使用一个插件,需要将其放在您的页面上,与对任何 JavaScript 文件所做的(包括 jQuery 文件本身)无异。因此,如果需要在页面上使用一个插件,可以将其添加在 jQuery 之后,如清单 1 所示。                  
清单 1. 如何包含一个插件
1
2
3
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="jquery.alphanumeric.plus.js" type="text/javascript"></script>
<script src="jquery.blockUI.js" type="text/javascript"></script>




本文不会对如何编写插件以及插件如何工作的细节做过多介绍。这些内容会在将来的一篇文章中介绍,在那篇文章中,您还会编写自已的新插件并将其放到实际的 jQuery 插件存储库中。本文将着重探讨几个我比较喜欢的插件。这样做的目的不仅是为了向您展示我几乎每天都要使用的这些插件,还为了能够让您对 jQuery 插件存储库中可用的东西有一个大致的概念。我希望,借此能激发起您对插件的兴趣并自已去尝试使用它们。                  
好,下面就开始介绍我所偏爱的插件。
返回列表