web-dev-qa-db-ja.com

document.readyと$ functionの違い

可能性のある複製：
これらのjQuery ready関数の違いは何ですか？
jquery：document.readyメソッドの選択

これを行うことの違いは何ですか

$(function() {
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});

この

$(document).ready(function(){
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});
javascriptjqueryjquery-pluginsdocument-ready
32
Matt Morey

それらは同じです。 jQuery .ready() docs を確認してください。ドキュメントからの引用は次のとおりです。

次の3つの構文はすべて同等です：

$（document）.ready（handler）

$（）。ready（handler）（これは推奨されません）

$（ハンドラー）

43
James Hill

サンプル間で機能に違いはありません。これらは両方ともDOMにバインドされています。

参考のために、jQueryコードをバインドできる2つのポイントがあります。

最初はDOMの準備ができたときに実行されます（両方とも同等です）：

_$(document).ready(function() {
    // code
});
$(function() {
    // code
});
_

2番目は、ページがすべての画像、スタイルシートなどの読み込みを完了すると実行されます。

_$(window).on("load", function() {
   // code
});
_

2番目は、画像のwidth()またはheight()を取得する必要がある場合に便利です。これらのプロパティは、イメージがクライアントシステムに完全にダウンロードされた後にのみ使用できます。

また、$(window).load(fn);は非推奨になったため、使用しないでください。

10
Rory McCrossan

次の3つの構文はすべて同等です。

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

http://api.jquery.com/ready/

7
Sanjay Goswami