<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オブジェクトを引数として渡している単なる即時関数である。 この記述は、「$とい
![【jQuery】よく見るおまじない的なアレについて - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/31f0c41fc3b291e5216a03dbda7b834ae9923422/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwalF1ZXJ5JUUzJTgwJTkxJUUzJTgyJTg4JUUzJTgxJThGJUU4JUE2JThCJUUzJTgyJThCJUUzJTgxJThBJUUzJTgxJUJFJUUzJTgxJTk4JUUzJTgxJUFBJUUzJTgxJTg0JUU3JTlBJTg0JUUzJTgxJUFBJUUzJTgyJUEyJUUzJTgzJUFDJUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00M2MwMDM0ZjEyNGE2NDY5MDhmOTRkMjlhZDIyNGY1ZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9tY2t5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lMDE4NGQzODJhODVhNTdhNWVjOTRiN2I1ODAzMjZlMw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D5634a28eb1a341990c89318b2023999a)