- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jQueryの $(function(){ });）
jQueryの $(function(){ });について
このQ&Aのポイント
- jQueryの $(function(){ });について基本的な質問をさせてください。基本的にjQueryは、お約束として $(document).ready(function(){ }); と記述し、その中に実行処理を書いていくと思うのですが、loadを待たずに実行させたい時は $(document).ready(function(){ }); は記述しなくてもよいのでしょうか？
- どの本をみてもjQueryのお約束事みたいに $(document).ready(function(){ }); を必ず書くと載っています。自分でやってみたところ、記述しないでも問題なく動いているのですが、やっぱり $(document).ready(function(){ }); を記述しないと、何か問題があるのでしょうか？
- ご存知の方、教えてください。どうぞ宜しくお願いたします。
- mc0816
- お礼率94% (69/73)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 別に書かなくても大丈夫な処理であれば大丈夫ですよ。 $().ready ( function() { }); と書く事が多いのはDOMを操作することが多いからだと思います。 なのでDOMの構築が終了後に実行されるように書きます。 DOMにアクセスするような記述をそのまま何も書かないで実行したら思った動きにはならないと思います。 例えば<head></head>内に <script type="text/javascript"> $('body').append ( "あああ" ); </script> と書いた場合はまだbodyがありませんので"あああ"は追加されません。 <script type="text/javascript"> $().ready ( function() { $('body').append ( "あああ" ); }); </script> とすれば追加されます。 <body> <script type="text/javascript"> </script> $('body').append ( "あああ" ); </body> これは追加されます。
お礼
大変、分かりやすい解説をありがとうございました。 例まであげていただいて、とてもよく理解できました。 スッキリしました！ なるほど… 絶対、記述しないといけないわけではないんですね。 DOMにアクセスするものは、 $(document).ready(function() { }); の中に記述して、うまく使い分けて、やっていきたいと思います。 本当にありがとうございました！！