<body> <script> // (3) (function($){ console.log($('#sample').text()); })(jQuery); </script> <div id="sample">foo</div> </body> ##これらは動作的に異なるものなのか? 結論から言えば、(1)と(2)は動作的に同じものであるが、(3)は違う。 (1)ではDOMがロードされ、操作可能になったタイミングでコールバック関数を実行する。そのためconsole.logで'foo'が正しく出力される。 また、(2)は(1)の$(document).ready()と同様に振る舞う関数jQuery(callback)であるため、こちらも'foo'が正常に出力されることになる。 一方で、(3)はjQueryオブジェクトを引数として渡している単なる即時関数である。 この記述は、「$とい
