javascript - 创建和调用 jQuery 插件

Question

我在这个网站上遇到过很多 jQuery 插件模式(样板):

Github jQuery Plugin Patterns

尽管如此，我正在寻找更远的地方，但我无法找到任何可以按我预期工作的东西。我对 jQuery 的了解非常少，但我认为如果我开始为自己创建一些小插件，我将获得最好的成绩......只是为了好玩和学习更多。

例如，我喜欢这样的模式: Best Options Pattern

它看起来很干净，对我来说相当不错。但是我不确定为什么我不能像我们可以找到的所有其他插件一样调用该插件...例如 backstretch JS 或 Make it Retina...它是这样调用的。

$.backstretch('path to image');

$.makeItRetina();

所以我已经尝试了所有我认为可行的方法，从上面的模式调用插件的唯一方法如下:

$(document).pluginName();

我不想让它变成那样...如果它只是看起来更好和更简单

$.pluginName();

任何人都可以告诉我如何做到这一点的路径/方式？我真的很困惑。

Answer 1

如果您想扩展 jQuery 对象本身(调用 $ 上的方法)，请不要扩展 $.fn , 只需扩展 $ .

当您扩展(添加方法)时 $.fn , 他们是通过 $(selector).method 调用的而不是 $.method您正在寻找的语法，它不需要针对 JavaScript 的特殊行为。