生活随笔
收集整理的這篇文章主要介紹了
JQuery官方学习资料（译）：$( document ).ready()
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? ?一個頁面直到document是”ready“才能被安全的操作，Jquery為你檢查這種狀態。代碼包含在$( document ).ready()的內部將會僅僅運行一次在頁面Document Object Model (DOM)準備好執行JS代碼之后。代碼包含在$( window ).load(function() { ... })的內部將會運行一次在整個頁面里準備好之后，不僅僅是DOM。 | $( document ).ready(function() { console.log( "ready!" ); }); |
? ? ?有經驗的開發人員有時會使用$( document ).ready()的縮寫。如果你不是有經驗的jquery開發人員，最好還是寫完整。 | $(function() { console.log( "ready!" ); }); |
? ? ?你也可以通過一個命名函數去$( document ).ready()，而不是通過匿名函數。 | //傳遞方法名 function readyFn( jQuery ) {} $( document ).ready( readyFn ); $( window ).load( readyFn ); |
? ? ?下面的例子是$( document ).ready()和$( window ).load()，這代碼嘗試去加載一個網站在<iframe>里并檢查這兩個事件。 | <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $( document ).ready(function() { console.log( "document loaded" ); }); $( window ).load(function() { console.log( "window loaded" ); }); </script> </head> <body> <iframe src="http://techcrunch.com"></iframe> </body> </html> |
? ? ? ? ? ? ? ? ? ?
轉載于:https://www.cnblogs.com/liusuqi/p/3281872.html
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀
總結
以上是生活随笔為你收集整理的JQuery官方学习资料（译）：$( document ).ready()的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
