JQuery: ¿Cuál es la diferencia entre estas dos afirmaciones?

Question

¿Alguna diferencia entre estas dos afirmaciones?

$(document).ready(function() { 
    // Code 
}); 

$(function() { 
    // Code 
}); 

Answer 1

En la resolución, no hay diferencia, son equivalentes

A partir del código fuente pertinente

jQuery = window.jQuery = window.$ = function(selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context); 
} 

jQuery.fn = jQuery.prototype = { 
init: function(selector, context) { 

    /* .... irrelevant code.... */ 

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

Answer 2

¿Se refiere a:

$(function() 
{ 
    /* ... */ 
}); 

Ellos son equivalentes en jQuery. El último es la abreviatura de lo primero.

Answer 3

Si se refiere a

$(document).ready(function() {/* code here */}); 

y

$(function() {/* code here */}); 

entonces no hay diferencia entre los dos. Este último es solo un atajo que hace lo mismo que el primero.

Answer 4

Para todos los efectos, estas dos declaraciones hacen lo mismo. Internamente, sin embargo, el segundo llamará al primero.

Answer 5

Creo que es importante señalar que la línea oficial de jQuery es que la segunda sintaxis:

$(function() { 
    // code here 
}); 

es el preferido. ¿Por qué? Porque ofrece la posibilidad de que el Sr. Resig & Co. obtenga una nueva forma brillante de realizar la inicialización bajo carga que es mucho mejor que usar el evento "listo". Si hacen eso, y usted usa la forma más simple (segunda) de hacer las cosas, entonces su código se beneficiará inmediatamente de la mejora sin necesidad de cambiar nada. Si usa el enlace explícito para el evento "listo", se mantendrá con ese enfoque hasta que lo modifique.