Vier Variationen von jQuery ready() - was ist der Unterschied?

Question

Ich habe vier verschiedene Möglichkeiten gesehen, wie jQuery eine Funktion ausführen kann, wenn das Dokument fertig ist. Sind diese alle gleichwertig?

$(document).ready(function() { 
    alert('$(document).ready()'); 
}); 

$().ready(function() { 
    alert('$().ready()'); 
}); 

$(function() { 
    alert('$()'); 
});  

jQuery(function ($) { 
    alert('jQuery()'); 
}); 

Answer 1

Es gibt keinen Unterschied.

$ ist das gleiche wie jQuery. Wenn Sie die unminifizierte Quelle anzeigen, sehen Sie var $ = jQuery = ... oder etwas in diesem Sinne.

Die jQuery Funktion überprüft die Art der es Parameter ist, wenn es eine Funktion ist, es es das gleiche wie $(document).ready(...)

Aufruf jQuery ohne Parameter Standardwerte behandelt document zu verwenden. So sind $() und $(document) identisch. Probieren Sie es in Firebug.

Answer 2

re: Geroge IV Kommentare zu $ ​​() == $ (Dokument) ist korrekt. Von der unminified Quelle (init ist das, was intern erhält genannt):

init: function(selector, context) { 
    // Make sure that a selection was provided 
    selector = selector || document; 

Auch von der Quelle, frühere Gespräche zu sichern:

// HANDLE: $(function) 
    // Shortcut for document ready 
    } else if (jQuery.isFunction(selector)) 
     return jQuery(document).ready(selector); 

diese Community Wiki werden soll. Ich habe in das Innenleben von jquery immer interessiert, jetzt habe ich eine Entschuldigung hatte :-)

Answer 3

zu Beginn der Suche Hier ist ein weiteres - beginnt wie folgt ...

(function (jQuery) { 

dann beenden ...

})(jQuery); 

Ein Beispiel ist hier: http://jsfiddle.net/C2qZw/23/

Answer 4

es auch sollte erwähnt werden, Dieses Symbol, das Sie übergeben, wird in der Funktion verwendet. Zum Beispiel:

$(function(jQuery) { 
    // now I can use jQuery instead $ 
    jQuery("body").append("<div></div>"); // adds div to the end of body element 
}); 

wenn Sie $ wollen verwenden - Sie können Funktion param in diese Situation leer

Das eigentliche Beispiel lassen Sie hier http://jsfiddle.net/yura_syedin/BNgd4/