jQuery расширять $ .fn и синтаксис метода вызова

Question

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

($ == jQuery)

//$("div").myMethod(); 

$.fn.extend({ 
    myMethod: function(){...} 
}); 

И как это, когда вы расширяете JQuery объект:

//$.myMethod2(); 

$.extend({ 
    myMethod2: function(){...} 
}); 

Но я не совсем понимаю, что $() делает здесь:

// Здесь вызывается несколько методов. Некоторые с тем же именем метода (инициировать), что плохо.

// Но, может быть, поэтому пустой объект JQuery необходим так имена методов не конфликтуют

$(function() { 

    $().functionName({ 
     something: 'something' 
    }).myMethod(); 

    $().func1({ 
     x: 1 
    }).initiate(); 

    $().func2({ 
     y: 2 
    }).initiate(); 

}); 

ли это делать с тем, метод вызывается в том числе имя функции?

Заранее благодарим и надеемся, что это имеет смысл.

Answer 1

$() создает пустой объект jQuery (набор оберток). Я бы не знал, почему кто-то сделает что-то подобное. В принципе, вы вызываете functionName и myMethod на пустой набор элементов = ничего не должно произойти.

jQuery().css({ 
    'foo': 'bar' 
}).show(); 

Answer 2

Перед JQuery 1.4 вызова jQuery() был бы такой же, как jQuery(document). С тех пор он был изменен, чтобы вместо этого вернуть пустой набор. Так как jQuery 1.4, jQuery() является эквивалентом jQuery([]). Тем не менее, последний был и является рекомендуемым способом получения пустого набора, чтобы не смутить никого.

В любом случае, я предполагаю, что код, о котором вы просите, является старым, и использует устаревший способ доступа к узлу document, не говоря уже о том, что это была плохая практика, чтобы сделать это даже тогда. $(), вероятно, должно быть $ или $(document).

Но это не означает, что пустой набор jQuery является неправильным или бесполезным. Адам Кисс написал post on his blog о полезности пустых множеств.

И, наконец, некоторые другие способы расширения JQuery:

(function($){ 
    $.myMethod = function() { 
    }; 

    $.fn.myMethod = function() { 
    }; 
})(jQuery);