你如何以简单的方式制作jQuery模块？

Question

在向谷歌博士询问一些好的例子后，我读过一些东西：

• http://www.jacklmoore.com/notes/jquery-modal-tutorial/
• https://learn.jquery.com/code-organization/concepts/

但你呢？你们知道使jQuery更加模块化的任何好的技巧或技巧吗？

我对jQuery很新，所以我正在尝试学习一种保持模块化的方法，这样当我得到更复杂的东西时，我可以更清晰地编写代码供人们理解。

另外，如果你们知道任何讨论或教授jQuery模块化方法的好网站，我想知道：^）

Answer 1

这里有一些关于你的问题的好资源，你想要它是基​​于插件的，使用模块化模式，如IIFE，甚至AMD。这是我的一个问题，有一个足智多谋的答案（Sam0）：

Trying turn this jQuery slideShow plugin into a neat and modular "module"

但是，如果您不想使用插件，只需将代码的一部分包装（构造）为单独的closures 绝对是一个很好的开始。确保包含您可靠的jQuery初始化代码以实现模块化功能：

(function($) {  
    // For plugins you may want to include:
    $.fn.pluginName = function( args ) { /* stuff goes here */ }
    // non-plugin stuff
}) (jQuery);

此外，如果您使用插件，请确保考虑包含一个单独的 extension.js 文件来调用插件并使用它们，为了清晰，简洁和模块化。和是的，使这个模块成为一个好主意。

起初你可能会发现这有点复杂，但是当你学习并理解它时，我相信你会发现它很简单。