javascript - なぜ $() 内で関数を定義するのですか?

Question

次のコード行を含む公開 JavaScript フラグメントを見つけました。

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

関数の内臓は完全に理解できます。しかし、これを でラップすることの意味は何$()ですか?

Answer 1

$(fn)のショートカットです$(document).ready(fn)。

Answer 2

$(function() {...});の省略形です$(document).ready(function(){...});

これは、DOM の準備が整うとすぐに内部のコードが実行されることを意味します。ところで、その jquery 構文には、本当に純粋な JavaScript に相当するものはありません。window.onload = function(){...}これは、jquery で次のように記述されるものと同等ではありません$(window).load(function(){...});。

JavaScript で使用される自動呼び出しの匿名関数に惑わされないでください。

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

また (function(){...}())

Answer 3

$( fn )は、DOMContent がロードされたときに$(document).ready( fn )実行されるのショートカットです。fn

ドキュメントでは.ready、これら3つが同等であることがわかります

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

純粋なJavascriptを使用すると、次を使用して同じ動作を実現できます

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

jQuery ドキュメント:

• 。準備

jsFiddle の例

Answer 4

その表記はのエイリアスです$(document).ready(function() { ... });