Diferentes formas de decir que el documento está listo en jQuery?

Question

en ambos casos son la misma cosa, es decir, formas de decir documento listo:

$(function() { 
    // 
}); 

y

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

o hay una diferencia entre los dos, si es así, cuándo debo usar el que?

Answer 1

El primero es un atajo para .ready().

El segundo es simplemente inválido ya que está tratando de llamar a un objeto no exigible.

Probablemente esto significaba:

// v--------no $ at the beginning 
    (function($) { 

     // simply a new lexical environment with a 
     //  local $ parameter pointing to jQuery 

    })(jQuery); 

... aunque no tiene nada que ver con DOM listo.

hay una variación en su primer ejemplo que combina ambos:

jQuery(function($) { 

    // DOM ready, and creates a local $ parameter pointing to jQuery 

}); 

Answer 2

Ambos no son iguales.

El primer bloque de código se usa para ejecutar la función en el documento listo donde se usa el segundo bloque de código cuando queremos ejecutar el bloque de código inmediatamente sin esperar a que se cargue el resto del código. Pero hay un error en su segunda parte del código. Debería ser como a continuación.

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

Answer 3

Ésta es incorrecta:

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

Estás pasando una función para $(...), a continuación, llamar al resultado. Sin embargo, el resultado de $(...) es un objeto jQuery, que no es una función. Es posible que lo ve mejor así:

$(

    function($) { 
     // 
    } 

) 

(jQuery); 

En general, hay tres versiones de document.ready, que son todos iguales entre sí:

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

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

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