¿Cuál es la diferencia entre estas funciones jQuery ready?

Question

¿cuál es la diferencia entre

$(function(){ 

}); 

y

$(document).ready(function() { 

}); 

Answer 1

Nothing whatsoever.

This function behaves just like $(document).ready(), in that it should be used to wrap other $()

Esto se puede ver en el source code:

rootjQuery = jQuery(document); 

... 

} else if (jQuery.isFunction(selector)) { 
    return rootjQuery.ready(selector); 
} 

Answer 2

$ (función() {}) es un atajo para dom ready

Una función pasada como argumento para el constructor de jQuery está vinculada al evento ready del documento.

Answer 3

Uso $(function() {}); porque es más corto. Hasta donde yo sé, no hay diferencia entre las dos formas de hacerlo.

Answer 4

Ambos son equivalentes, el primero es una forma abreviada.

Answer 5

Son efectivamente lo mismo. Ninguna diferencia.

---

Esta es la manera nativa.

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

Y esta es una abreviatura de la anterior.

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

jQuery source code

Answer 6

} else if (jQuery.isFunction(selector)) { 
    return rootjQuery.ready(selector); 
} 

Desde el source

Calling $(document).ready(selector) ahorra unos cuantos si las declaraciones.

Aunque jQuery hace caché $(document) internamente que podría hacer $(f) más rápido.

Benchmarked

Answer 7

le sugiero que lea this. Como puede ver

All three of the following syntaxes are equivalent:

$(document).ready(handler)

$().ready(handler) (this is not recommended)

$(handler)

Así que depende de usted y de lo que prefiera.

Answer 8

Los dos son exactamente equivalentes: use la forma que desee.

Dicho esto, yo personalmente siempre uso la forma expandida $(document).ready(function(){}); por la simple razón de que es completamente obvio lo que está haciendo el código. La idea aproximada es la de "código de auto-documentación". Cualquiera que acceda al código más tarde verá de inmediato que el código se ejecutará en el evento documentready. Con la forma abreviada, debes confiar en el lector de tu código para entender el significado.

Answer 9

Nos hemos encontrado con situaciones en las que IE9 no ejecuta funciones dentro de $ (function() {}); de la misma manera u horario que $ (document) .ready (function() {});

El problema nos aceleró específicamente al leer información de una cadena de consulta y procesar y mostrar esa información en la pantalla, o usarla para procesar un formulario. IE9 procesaría la información una vez que se almacenó en caché con $ (función(), y un usuario actualizó la página. Pero en la primera ejecución, nada funcionó bien. Sin embargo, una vez que cambiamos de $ (función() {}) a $ (documento) ready(), el problema se solucionó. Hemos cambiado nada más.

así lo esperamos con interés el día en que no tengo que probar IE9 e inferior.