$(document).ready() 裏的代碼是在頁面內容都加載完才執行的，如果把代碼直接寫到script標籤裏，當頁面加載完這個script標籤就會執行裏邊的代碼了，此時如果你標籤裏執行的代碼調用了當前還沒加載過來的代碼或者dom，那麼就會報錯，當然如果你把script標籤放到頁面最後面那麼就沒問題了，此時和ready效果一樣。
$(document).ready(function(){})可以簡寫成$(function(){});
點擊段落後，此段落隱藏：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <html><head><script type="text/javascript">$(document).ready(function(){ $("p").click(function(){ $(this).hide(); });});</script></head><body> <p>If you click on me, I will disappear.</p></body></html> |
如果把$(document).ready(function() {});去掉後，無法隱藏段落：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <html><head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript"> $("p").click(function(){ $(this).hide(); });</script></head><body> <p>If you click on me, I will disappear.</p></body></html> |
但是把script放到頁面最後的話，就可恢復隱藏效果：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <html><head></head><body> <p>If you click on me, I will disappear.</p></body><script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript"> $("p").click(function(){ $(this).hide(); });</script></html> |
總結：
$(document).ready 裏的代碼是在頁面內容都加載完才執行的，你直接寫到script標籤裏，當頁面加載完這個script標籤就會執行裏邊的代碼了，如果你標籤裏執行的代碼調用了當前還沒加載過來的代碼或者dom，那麼就會報錯，
當然如果你把script標籤當到頁面最後面那麼就沒問題了和ready差不多的效果