第一个使用 jQuery 将函数绑定到document.ready事件。第二个声明并立即执行一个函数。

$(function() {}); 是一个 jQuery 快捷方式

 $(document).ready(function() { 
     /* Handler for .ready() called. */ 
 });

While(function() {})();是立即调用的函数表达式，或 IIFE。这意味着它是一个表达式（不是语句），并且在创建后立即调用。

它们都是匿名函数，但(function(){})()会立即调用，并$(function(){})在文档准备好时调用。

jQuery 的工作方式是这样的。

window.jQuery = window.$ = function(arg) {
    if (typeof arg == 'function') {
        // call arg() when document is ready
    } else {
       // do other magics
    }
}

因此，您只需调用 jQuery 函数并传入一个函数，该函数将在文档就绪时调用。

“自执行匿名函数”与执行此操作相同。

function a(){
    // do stuff
}
a();

唯一的区别是您没有污染全局命名空间。

一个是 jquery$(document).ready函数，另一个只是一个调用自身的匿名函数。

$(function () {
    // It will invoked after document is ready
});

一旦文档准备好，这个函数就执行意味着，整个 HTML 应该在执行之前加载，但在第二种情况下，函数在创建后立即调用。

(function () {
    // It will invoked instantly after it is created
})();