違い

Question

可能性の重複：
What is the difference between these jQuery ready functions?
jquery: Choosing a document.ready method

この

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

と、この

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

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

Answer 1

彼らは同じです。 jQuery .ready() docsをチェックしてください。ここではドキュメントからの引用です：

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

$（ドキュメント）.ready（ハンドラ）

$（）レディ（ハンドラ）（。これは、あなたがたとの間の機能の違いはありません）

$（ハンドラ）

Answer 2

を推奨されていませんこれらの例は両方ともDOMにバインドされています。

は参考のために、あなたはjQueryのコードを結合することができる2つのポイントがあります。

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

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

ページは、すべてのイメージのロードを終了したときに、第2が実行する、スタイルシート等

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

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

も$(window).load(fn);が廃止され、もはや使用すべきではないことに注意してください。

Answer 3

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

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

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