在ready而不是call函數上使用jquery有什么好處

Question

使用$(document).ready(my_function)而不是在HTML腳本底部調用my_function()什么好處？

Answer 1

他們倆都做同樣的事情。

$(document).ready(function() { // code }); 允許您在調用頁面加載功能后運行javascript。 這與在HTML末尾調用DOM加載后運行它相同。

Answer 2

只有將函數放在頁面的最底部，才沒有優勢。 但是，您通常希望選擇將代碼放在您喜歡的位置。 $(document).ready()給您這種選擇（實際上底層的javascript確實可以）。

此外，對於其他程序員來說，在頁面加載時必須立即執行此功能似乎並不明顯，並且因此可能在不知不覺中將其重構。 通過使用文檔就緒事件，您可以使代碼更明確，即說“這段代碼需要在文檔加載后立即運行”。