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

但是，必须知道，这些插件不是凭空创建的，而是由把业余时间投入到jQuery社区的开发人员编写、测试和完善的。我们这样做是免费的，因为我们热爱自己的代码。本文重点介绍如何回报这个伟大的社区，即如何编写自己的插件并上传到jQuery的插件页面。这允许每个人使用您创建的插件，并使整个jQuery开发社区变得更好。今年做出自己的贡献。在本文中编写插件时，我发现创建插件的过程和用于创建它的框架非常简单明了。难点在于想一些别人还没有做过的事情，写一些真正能完成一些操作的JavaScript代码。由于插件结构简单明了，初学者容易学，高手灵活，所以插件数量增长很快。当然，在研究本文涉及的内容时，我也发现每个作者都有不同风格的编写插件，jQuery允许几种不同风格的编写插件。在本文中，我将重点介绍最简单的样式和jQuery本身推荐的一种样式。插件弹出后，你会看到差异或者不同的选项。描述插件创建插件的第一步当然是想一个好主意。和大多数想法一样，别人总会给你创造机会。以我在本文中开发的插件为例。这不是一个新奇的概念，但是当我写这篇文章的时候，jQuery插件社区找不到这个插件。我知道我个人会从这个插件中受益匪浅。我的插件是一个数字格式插件。处理服务器端代码(如Java或PHP)和国际化的用户应该熟悉数字格式。众所周知，不是每个人都用同样的方式格式化数字。例如，不是每个人都用“李”来测量距离。在美国，这个数字可能写成“1，250，500.75”(这个数字是从我的税单上抄下来的)，但其他国家的写法可能完全不同：德国是“1.250.500，75”，法国是“1，250，500，75”，瑞士是“1' 250”。这些数字完全相同，但是它们以不同的格式呈现给web应用程序用户。因此，问题归结为写国际申请时如何向不同国家的人显示这些数字。当然，解决方案是使用服务器端格式，这很常见。Java有一个强大的格式化库，这使得数字的格式化非常简单。当使用数字在服务器上设置页面时，服务器负责处理这些数字。但是，很多时候号码可能不在服务器上，所以您需要一种方法来格式化客户端上的号码，而不必与服务器通信。我在这里描述的典型用法如下。您的web应用程序中有一个输入字段，要求用户输入他们的工资。在美国，用户可以以各种格式输入“$65，000”、“65，000”、“65，000”和“65，000.00”。这些数字都是一样的，但是你需要控制这些数字在屏幕上的显示方式，这样才能提供更好的用户体验。输入号码后可以给服务器打电话，但是如果有很多不同格式的号码字段，那就太麻烦了。此外，如果您可以在客户端处理问题并向用户提供即时反馈，则不需要这样做。因此，我创建了一个空缺，然后我将尝试用JavaScript/jQuery函数来填补这个空缺。我的插件将在客户端提供数字格式，为其他人提供一种无需与服务器对话就能国际化web应用程序的方法。作为一个额外的功能，我的插件还可以提供反向操作；这个插件使开发人员能够解析数字并从格式化的文本字符串中获取数字。这也可以应用于客户端的数字操作。此外，我将模拟JavaDecimalFormatter类中的函数，以保持执行数字格式的客户端代码和标准服务器端方法之间的通用性。

步骤1结果：我找到了一个插件需求，然后定义了这个需求我可以填补的空缺。插件规则jQuery团队建立了很多插件作者希望遵守的通用规则，为插件用户创造了一个通用可信的环境。考虑到jQuery团队比我聪明得多，我没有理由违反这些规则，对吧？为此，我在这里列出了这些规则，并尝试在插件的每一步都遵循它们。该文件名为“jQuery.your插件名称. js”，这很有意义，因为您希望用户在查看该文件时立即知道它是jQuery插件以及它是哪个插件。检查完毕。我的插件将被命名为“jquery.numberformatter.js”。所有新方法都附加到jQuery.fn对象，所有新函数都附加到jQuery对象。这在目前可能有点难以理解。我将在下一节中讨论更多，因为这是实际编码过程中最重要的规则。检查完毕。我的方法/函数将只附加到这两个对象。“this”用来指代jQuery对象，有利于插件作者的写作。它使所有插件作者在引用“this”时都知道将从jQuery接收哪个对象。检查完毕。我