Las diferencias entre la función y document.ready $

Question

Duplicar posibles:
What is the difference between these jQuery ready functions?
jquery: Choosing a document.ready method

¿Cuál es la diferencia entre hacer esto

$(function() { 
    $("a").click(function(event){ 
     alert("Thanks for visiting!"); 
    }); 
}); 

y esto

$(document).ready(function(){ 
    $("a").click(function(event){ 
     alert("Thanks for visiting!"); 
    }); 
}); 

Answer 1

Son lo mismo. Consulte el jQuery .ready() docs. He aquí una cita de los documentos:

Los tres de las siguientes sintaxis son equivalentes:.

$ (document) ready (manejador)

$() listo (manejador) (esto no es recomendable)

$ (handler)

Answer 2

no hay diferencia en la funcionalidad entre usted r ejemplos: ambos se unen a DOM listo.

Como referencia, hay dos puntos en los que puede enlazar su código jQuery.

La primera se ejecutará cuando el DOM está listo (ambos son equivalentes):

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

El segundo se ejecutará cuando la página ha terminado de cargar todas las imágenes, hojas de estilo, etc.

$(window).on("load", function() { 
    // code 
}); 

El segundo es útil cuando necesita obtener width() o height() de una imagen. Estas propiedades solo están disponibles una vez que la imagen se haya descargado por completo al sistema del cliente.

También tenga en cuenta que $(window).load(fn); ahora está en desuso y ya no se debe utilizar.

Answer 3

Los tres de las siguientes sintaxis son equivalentes:

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

http://api.jquery.com/ready/