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

时间:2011-04-07 01:31:27

标签: jquery jquery-plugins

我现在正在编写我的第一个jQuery插件,我发现这篇关于'Building you first jQuery plugin'的博文,但在第一步中他们提供了两种编写插件的方法: 第一个:


$.fn.yourPlugin = function(options) {

   return this.each(function() {

   });
};


和第二个:


(function($){
 $.fn.yourPlugin = function() {

    return this.each(function() {

    });
 };
})(jQuery);


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

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

4 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:2)

最佳做法绝对是第二选择。 jQuery有一个great article on plugin authoring,其中包含许多其他最佳实践。还有一个开始的“模板”,可以进一步采用你的第二个选项。

答案 2 :(得分:1)

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

答案 3 :(得分:1)

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

这是一个易于阅读的教程,其中包含可下载的示例代码,该代码描述了典型插件代码的所有部分:how to make jquery plugin hello world

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