jQuery创建自己的插件(自定义插件)的方法

2020-05-17 06:27:09易采站长站整理

该插件需要您提供插件主页。虽然您创建了插件,但很可能没有插件主页。幸运的是,如果您没有自己的服务器保存插件,Google 很乐于为开源项目提供空间。我选择在 Google Code 中放置该插件。要建立自己的 Google Code 项目,只需要访问 code.google.com 然后按照注册流程注册即可。
按下 Submit 之后您的插件就创建好了!
恭喜,您的插件现在是 jQuery 插件社区的一部分了,您现在正式成为开源项目的贡献者之一。给自己一个 5 星评级以奖励自己吧!因为您值得!

结束语


在本文中,我主要介绍如何为 jQuery JavaScript 框架创建插件。我从头开始,构思了一个想法并将其付诸实现,介绍了创建该插件要使用的几个步骤。然后,我阅读了 jQuery “戒律”,它是为确保插件的一致性而设置的插件规则。我还在文章中提醒这些规则,因为我看到许多规则在插件中都没有得到遵守,尤其是只能在插件中使用 “jQuery” 而不是 “$”(当然,我遵守了该规则)。


介绍了插件的背景,以及编写插件的规则之后,您了解了基本的插件框架以及在插件中编写方法与编写函数的不同。方法应该在采用选定元素作为参数并对其执行某些操作时使用。提供页面元素的任务由调用方法的人负责。另一方面,函数应该在对选定元素不感兴趣时使用,因为您已经知道要执行操作的页面元素。提供页面元素的任务由编写该函数的开发人员负责。这两种形式的插件都是有效的,仅在在插件需求上有所不同。最后,查看设置默认选项的基本方式以及如何让用户提供自己的选项。


本文的下一步是为插件提供一些亮点,以增加它的先进性。该步骤给整个插件画上了句号,有效地创建了私有函数和公共函数。我创建了一些在插件内部调用的函数,以便插件外部的人无法调用它们。您还可以看到如何向插件用户展示默认值,让用户定义他们自己的默认值,轻松实现编码。


最后,在样例 web 应用程序中使用插件展示它的行为。本文的最后一部分是这些努力工作的最终成果 —— 您需要将插件上传到 jQuery 插件社区站点,让它成为 JavaScript 库的一部分。