如何编写我的第一个jQuery插件?

我现在正在编写我的第一个jQuery插件,我发现这篇关于“构建你的第一个jQuery插件”的博文,但在第一步中他们给出了两种编写插件的方法:第一个:

$.fn.yourPlugin = function(options) { return this.each(function() { }); }; 

而第二个:

(function($){ $.fn.yourPlugin = function() { return this.each(function() { }); }; })(jQuery);
(function($){ $.fn.yourPlugin = function() { return this.each(function() { }); }; })(jQuery); 

因为他们说与其他图书馆的冲突可能存在一些问题….

所以我想知道这里最好的做法是什么。

最佳做法绝对是第二种选择。 jQuery有一篇关于插件创作的精彩文章,其中包含许多其他最佳实践。 还有一个启动“模板”,可以进一步提高您的第二个选项。

绝对在每种情况下都是第二个。 不要使用第一个,除非你是唯一一个将使用该插件并且可以确保$变量将始终指向jQuery。

使用第二个。 它允许你在匿名函数中使用$ ,而不必担心与使用$其他框架发生冲突。

基本上jQuery是一个JS框架(更好的说是一个JS库 )。 插件是您使用新function扩展核心function的方式。

这是一个易于阅读的教程,带有可下载的示例代码,描述了典型插件代码的所有部分: 如何制作jquery插件hello world

阅读它你可以理解插件背后的想法,因为它是一个hello world,所以它从非常基本的步骤开始。