расширение jquery с помощью универсальной функции

Question

Я пишу универсальную функцию для моего сайта с использованием jquery, которая будет использоваться по всему сайту для отображения сообщения об успехе / ошибке.Я решил сделать его плагином.

Ниже приведена простая форма плагина:

; (function ($) {
        jQuery.FlashMessage=function(msg){
            alert(msg);
        }

})(jQuery);

Я хотел знать, является ли хорошей практикой определение плагинов в пространстве имен jqueryили это должно быть определено в $ .fn.XXXX .. или я слишком много думаю, и это не имеет значения вообще.

Answer 1

Вы добавляете те функции к jQuery.fn, которые должны запускаться на выбранных элементах, например, $('div').yourFunction().

Если вам нужна «универсальная» функция, такая как $.ajax(), то вы должны добавить ее к объекту jQuery, как вы уже сделали. Но я бы использовал $ внутри функции:

(function ($) {
        $.FlashMessage=function(msg){
            alert(msg);
        }

})(jQuery);

Так что это зависит от того, какую функциональность вы хотите.

Answer 2

jQuery.fn эквивалентно jQuery.prototype

с jQuery.fn.FlashMessage вы можете сделать

 jQuery.fn.FlashMessage=function(){
    return this.each(function(){
        //do some thing
    });
  });


//use like this, your chaining is secured    
jQuery('#someElement').FlashMessage().DoSomeThingElse().SomethingMore();

если вы обеспокоены тем, что модифицируете только один элемент, чем зачем использовать jQuery.FlashMessage, сделайте это как myNameSpace.FlashMessage

Answer 3

Как правило, плагины в пространстве имен fn возвращают объект jQuery для обеспечения возможности объединения.Также они применяются к jQuery.prototype, поэтому все объекты jQuery могут вызывать его.

Посетите эту страницу, чтобы получить очень хороший обзор по разработке плагинов: http://docs.jquery.com/Plugins/Authoring