JQuery: Quelle est la différence entre ces deux instructions?

Question

Une différence entre ces deux instructions?

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

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

Answer 1

Dans sa résolution, il n'y a pas de différence, ils sont équivalents

à partir du code source pertinente

jQuery = window.jQuery = window.$ = function(selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context); 
} 

jQuery.fn = jQuery.prototype = { 
init: function(selector, context) { 

    /* .... irrelevant code.... */ 

    // HANDLE: $(function) 
    // Shortcut for document ready 
    else if (jQuery.isFunction(selector)) 
     return jQuery(document).ready(selector);  
    } 
} 

Answer 2

-vous dire:

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

Ils sont équivalents dans jQuery. Ce dernier est un raccourci pour le premier.

Answer 3

Si vous voulez dire

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

et

$(function() {/* code here */}); 

alors il n'y a pas de différence entre les deux. Ce dernier est juste un raccourci qui fait la même chose que le premier.

Answer 4

Dans tous les cas, ces deux instructions font la même chose. En interne cependant le second appellera le premier.

Answer 5

Je pense qu'il est important de souligner que la ligne jQuery officielle est que la seconde syntaxe:

$(function() { 
    // code here 
}); 

est préféré. Pourquoi? Parce qu'il prévoit la possibilité que M. Resig & Co. proposera une nouvelle façon brillante d'effectuer l'initialisation en charge, ce qui est bien mieux que d'utiliser l'événement «prêt». S'ils le font, et que vous utilisez la (deuxième) façon de faire plus simple, alors votre code bénéficiera immédiatement de l'amélioration sans avoir besoin de changer quoi que ce soit. Si vous utilisez la liaison explicite à l'événement "ready", vous vous en tenez à cette approche jusqu'à ce que vous la changiez.