jquery学习手记（1）
生活随笔
收集整理的這篇文章主要介紹了
jquery学习手记（1）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.$ vs?$()
- ?$()方法中的參數是jQuery選擇器并調用該選擇器的方法，格式如下所示：?$.fn,例子：$("h1").remove();自動接收和返回該選擇器的動作。
- ?$ 方法通常是工具類方法,不和選擇器一起使用; 它們不會自動傳遞任何參數, 并且它們的返回值是樣式多樣的
2.$( document ).ready() vs?$( window ).load(function(){ ... })
?$( document ).ready()?方法當頁面的 DOM (Document Object Model) 加載完成時就可以執行。
?$( window ).load(function(){ ... })?方法當整個頁面（圖片和子幀）都完全加載后，不只是DOM加載完成，才能運行。
示例代碼如下：
1 // A $( document ).ready() block 2 $( document ).ready(function() { 3 console.log("ready!"); 4 });或者更簡潔的方法：
1 // Shorthand for $( document ).ready() 2 $(function() { 3 console.log("ready!"); 4 });傳遞一個自定義的function到ready（）而不是匿名function.
1 // Passing a named function instead of an anonymous function 2 3 function readyFn( jQuery ) { 4 // code to run when the document is ready 5 } 6 7 $( document ).ready( readyFn ); 8 // OR 9 $( window ).load( readyFn );一個完整的實例如下：
1 <html> 2 <head> 3 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 4 <script> 5 $( document ).ready(function() { 6 console.log("document loaded"); 7 }); 8 9 $( window ).load(function() { 10 console.log("window loaded"); 11 }); 12 </script> 13 </head> 14 <body> 15 <iframe src="http://techcrunch.com"></iframe> 16 </body> 17 </html>?
?
?
?
?
轉載于:https://www.cnblogs.com/davidwang456/archive/2013/04/13/3017752.html
總結
以上是生活随笔為你收集整理的jquery学习手记（1）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mina 之IoService（翻译）
- 下一篇： jquery学习手记（2）jQuery对