Quelle est la différence entre ces fonctions prêtes pour jQuery?

Question

quelle est la différence entre

 $(function(){

}); 
 

et

 $(document).ready(function() { 

});
 

Answer 1

Rien que ce soit.

Cette fonction se comporte exactement comme $ (document) .ready (), en ce sens qu'elle devrait être utilisée pour envelopper d'autres $ ()

Vous pouvez le voir dans le code source :

 rootjQuery = jQuery(document);

...

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

Answer 2

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

De la source

L'appel de $(document).ready(selector) enregistre quelques instructions if.

Bien que jQuery mette en cache $(document) interne, cela pourrait accélérer $(f) .

Benchmarked

Answer 3

Les deux sont équivalents, le premier est une forme abrégée.

Answer 4

$ (function () {}) est un raccourci pour le dom ready

Une fonction transmise en tant qu'argument au constructeur jQuery est liée à l'événement document ready.

Answer 5

Je vous suggère de lire ceci . Comme vous pouvez le voir

Les trois syntaxes suivantes sont équivalentes:

$(document).ready(handler)

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

$(handler)

Alors, ça dépend de vous et de ce que vous préférez.