有什么区别
$(function(){
});
和
$(document).ready(function() {
});
【问题讨论】：
标签： jquery
这个函数的行为就像 $(document).ready()，因为它应该 用于包装其他$()
你可以在source code看到这个：
rootjQuery = jQuery(document);
...
} else if ( jQuery.isFunction( selector ) ) {
return rootjQuery.ready( selector );
}
【讨论】：
$(function() {}) 语法；其他语法仍然有效，但已被弃用。见api.jquery.com/ready
(document).ready 尝试了完全相同的函数，并且异步正确加载了函数变量。没有，只加载变量的初始值，而不给出新的异步值。它似乎会影响时间，至少在opera
} else if (jQuery.isFunction(selector)) {
return rootjQuery.ready(selector);
}
来自source
调用 $(document).ready(selector) 可以节省一些 if 语句。
虽然 jQuery 确实在内部缓存 $(document)，但这可能会使 $(f) 更快。
【讨论】：
$(d).ready(f) 与 $(f)
var d = document;放在顶部或者放在(function(d) {和})(document);里面。 :P
d = document, w = window
两者是等价的，第一个是简写形式。
【讨论】：
$(function(){}) 是 dom 就绪的捷径
作为参数传递给 jQuery 构造函数的函数被绑定到文档就绪事件。
【讨论】：
我建议你阅读this。如您所见
以下三种语法都是等价的：
$(document).ready(handler)
$().ready(handler) (this is not recommended)
$(handler)
所以这取决于你和你喜欢什么。
【讨论】：
$().ready() 在 jQuery 1.4+ 中不起作用。 $() 在这些情况下返回空选择而不是文档。
两者完全相同：使用任何你喜欢的形式。
也就是说，我个人总是使用扩展形式$(document).ready(function(){});，原因很简单，代码在做什么是完全显而易见的。大致的想法是“自记录代码”。稍后访问代码的任何人都会立即看到代码将在document 的ready 事件上运行。使用简写形式，您必须依靠代码的读者来理解其含义。
【讨论】：
我们遇到过 IE9 无法在 $(function() {}); 中运行函数的情况。以与 $(document).ready(function(){}); 相同的方式或时间；
这个问题特别针对我们从查询字符串中读取信息并处理并在屏幕上显示该信息，或使用它来处理表单。 IE9 会在使用 $(function() 缓存信息后处理该信息，并且用户刷新页面。但在第一次运行时，没有任何工作正常。但是，一旦我们从 $(function(){}); 切换到 $( document).ready()，问题已解决。我们没有改变任何其他内容。
我非常期待有一天我不必测试 IE9 或更低版本。
【讨论】：
opera 也遇到过这种情况。我赞成您的回答，因为我遇到了完全相同的问题。 （使用 jquery 3.5）
它们实际上是相同的。没有区别。
这是原生方式。
$(document).ready(function() {
// code
});
这是前一个的简写。
$(function() {
// code
});
【讨论】：
TypeError: 'undefined' is not a function 错误。
$(document)，所以你可能指的是$ 的简写jQuery。
我使用$(function() {});，因为它更短。据我所知，这两种方式没有区别。
【讨论】：
jQuery 推荐使用$( fn )。
$(document).ready(function() {});或$(document).on("ready", fn);将导致在文档准备好时调用该函数，但是 仅当它在浏览器触发自己之前附加 DOMContentLoaded 事件。这使得它在许多用途中不可靠， 特别是那些加载了 jQuery 或其插件的 页面加载后异步进行。
更多信息，请关注jquery-migrate
【讨论】：