jQuery extend $ .fn und Aufruf Methode Syntax

Question

Ich verstehe, dass Sie eine Methode wie folgt aufrufen, wenn Sie $.fn erweitern.

($ == jQuery)

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

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

Und so, wenn Sie erweitern die jQuery-Objekt:

//$.myMethod2(); 

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

Aber ich verstehe nicht ganz, was die $() hier tut:

// Es gibt ein paar Methoden, die hier genannt werden. Einige mit dem gleichen Methodennamen (initiieren), was schlecht ist.

// Aber vielleicht ist das, warum das leere jQuery-Objekt, so dass die Methodennamen benötigt wird, kollidieren nicht

$(function() { 

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

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

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

}); 

Ist es mit der Tatsache zu tun hat, wobei das Verfahren der Funktionsnamen aufgerufen wird?

Vielen Dank im Voraus und hoffe, das macht Sinn.

Answer 1

$() erstellt ein leeres jQuery-Objekt (Wrappet-Set). Ich würde nicht wissen, warum jemand so etwas tun würde. Im Grunde rufen Sie functionName und myMethod auf einem leeren Satz von Elementen = nichts sollte passieren.

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

Answer 2

Bevor jQuery 1.4 jQuery() Aufruf würde die gleiche wie jQuery(document) gewesen. Seitdem wurde es geändert, um stattdessen ein leeres Set zurückzugeben. Also seit jQuery 1.4, jQuery() ist das Äquivalent von jQuery([]). Letzteres war und ist der empfohlene Weg, um einen leeren Satz zu bekommen, nur um sicherzustellen, niemanden zu verwirren.

Wie auch immer, meine Vermutung ist, dass der Code, nach dem Sie fragen, alt ist und eine veraltete Methode verwendet, um auf den document Knoten zuzugreifen, ganz zu schweigen davon, dass es eine schlechte Übung war, dies auch damals zu tun. $() wird wahrscheinlich $ oder $(document) sein.

Aber das heißt nicht, dass ein leerer jQuery-Satz falsch oder nutzlos ist. Adam Kiss hat eine post on his blog über die Nützlichkeit von leeren Sätzen geschrieben.

Und schließlich einige andere Möglichkeiten, jQuery erweitern:

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

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