为什么在$（）里面定义函数？

Question

我遇到了一个公共的JavaScript片段有下面几行代码：

$(function() { 
    var v1, v2; 
    v1 = new V1; 
    return v2 = new V2(v1); 
}); 

功能的胆量是完全grokkable。但是，在$()中包装这个有什么意义呢？

Answer 1

$(fn)是$(document).ready(fn)的快捷方式。

Answer 2

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

的速记这意味着代码内将尽快DOM准备好执行。 BTW它的jQuery语法，没有真正纯粹的JavaScript等价物。它不等于window.onload = function(){...}在jquery中写道：$(window).load(function(){...});。

不要自动叫匿名函数被愚弄在JavaScript中使用：

(function(){...})() 

或 (function(){...}())

Answer 3

这记号别名$(document).ready(function() { ... });

Answer 4

$(fn)是$(document).ready(fn)一个快捷方式，其DOMContent加载时执行fn。

在.ready文档，你可以看到，这3个等价

$(document).ready(handler) 
$().ready(handler) // this one is not recommended 
$(handler) 

使用纯JavaScript，你可以实现使用

document.addEventListener("DOMContentLoaded", fn, false); 

jQuery的文档相同的行为：

• .ready

An example on jsFiddle