将javascript函数放在'$（）'里面有什么作用？

Question

我现在正在学习一些AJAX，并且用于提交表单的jQuery函数被包装在$（function（）{}）中。这究竟是做什么的？

$(function() {
    $('.error').hide();
    $(".button").click(function() {
        // validate and process form here
    }
});

Answer 1

$(function() { });是$(document).ready(function() { });

的简写

See documentation.

Answer 2

这是jQuery提供的用于在页面就绪时运行代码的快捷方式。它相当于：

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

当页面准备好被操作时，jQuery将调用此函数。

Docs

Answer 3

这与$(document).ready()相同。它只是执行$(function(){...})而不是使用ready函数的快捷方式。

Answer 4

$(function() { })在对文件做任何事之前等待文件装载。与$(document).ready(function() { });

相同

Answer 5

正如其他人所说，它是jQuery(document).ready(fn)的快捷方式，这是document.addEventListener('DOMContentLoaded', fn, useCapture)的跨浏览器实现

https://developer.mozilla.org/en/Gecko-Specific_DOM_Events

  

在解析文档完成后，在页面的Document对象中触发。当此事件触发时，页面的DOM已准备就绪，但引用的样式表，图像和子帧可能无法加载;使用“load”事件来检测完全加载的页面。