javascript - w3schools - Diferencias entre document.ready y $ function

javascript document ready button click

Question

Posible duplicado:
¿Cuál es la diferencia entre estas funciones jQuery ready?
jquery: Elegir un método document.ready

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

Ellos son lo mismo. Echa un vistazo a los documentos jQuery .ready() . Aquí hay una cita de los documentos:

Las tres sintaxis siguientes son equivalentes:

$ (documento) .ready (controlador)

$ (). listo (manejador) (esto no es recomendado)

$ (manejador)

Answer 2

Las tres sintaxis siguientes son equivalentes:

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

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

Answer 3

No hay diferencia en la funcionalidad entre los ejemplos: ambos se unen a DOM listo.

Para 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 haya terminado de cargar todas las imágenes, hojas de estilo, etc.

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

El segundo es útil cuando necesita obtener el width() o el 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 debe usarse.