Le differenze tra la funzione document.ready e $

Question

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

Qual è la differenza tra fare questo

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

e questo

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

Answer 1

Sono uguali. Dai un'occhiata a jQuery .ready() docs. Ecco una citazione dalla documentazione:

Tutti e tre sintassi seguenti sono equivalenti:.

$ (document) .ready (handler)

$() pronto (handler) (questo non è raccomandato)

$ (gestore)

Answer 2

non c'è alcuna differenza di funzionalità tra voi r esempi: entrambi si legano al DOM pronto.

Per riferimento, ci sono due punti in cui è possibile associare il codice jQuery.

Il primo verrà eseguito quando il DOM è pronto (entrambi sono equivalenti):

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

La seconda eseguirà quando la pagina ha terminato il caricamento di tutte le immagini, fogli di stile ecc

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

L' il secondo è utile quando è necessario ottenere lo width() o height() di un'immagine. Queste proprietà sono disponibili solo dopo che l'immagine è stata completamente scaricata sul sistema client.

Si noti inoltre che $(window).load(fn); è ora obsoleto e non dovrebbe più essere utilizzato.

Answer 3

Tutti e tre i seguenti sintassi sono equivalenti:

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

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