w3schools - jquery document ready javascript

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

Question

¿cuál es la diferencia entre

$(function(){
});

y

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

Answer 1

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

Una función pasada como argumento para el constructor jQuery está vinculada al evento listo para documentos.

Answer 2

Ambos son equivalentes, el primero es una forma abreviada.

Answer 3

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

Dicho esto, personalmente siempre utilizo 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". Cualquier persona que acceda al código más tarde verá inmediatamente que el código se ejecutará en el evento ready del document . Con la forma abreviada, debes confiar en el lector de tu código para entender el significado.

Answer 4

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 surgió específicamente para nosotros 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 $ ( document). ready (), el problema se solucionó. No cambiamos NADA más.

Espero con impaciencia el día en que no tenga que probar IE9 y menos.

Answer 5

Son efectivamente lo mismo. Ninguna diferencia.

Esta es la forma nativa.

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

Y esta es una forma abreviada de lo anterior.

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

github.com/jquery/jquery/blob/master/src/core.js#L168-172

Answer 6

Te sugiero que leas this . Como puedes ver

Las tres sintaxis siguientes son equivalentes:

$(document).ready(handler)

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

$(handler)

Entonces depende de ti y de lo que prefieras.

Answer 7

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

Answer 8

Nada en lo absoluto.

Esta función se comporta como $ (document) .ready (), en el sentido de que debe usarse para ajustar otros $ ()

Puedes ver esto en el código fuente :

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

Answer 9

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

De la source

Llamar a $(document).ready(selector) guarda algunas declaraciones if.

Aunque jQuery hace un caché de $(document) internamente que puede hacer que $(f) más rápido.

Benchmarked