1.最常用也是最標准的
代碼如下:$(document).ready(){
});
2.是上面的簡寫: 代碼如下: $(function(){
})
很奇怪?為什麼能這樣?不是判斷document對象是否 reADy然後才執行函數的麼?document哪去了?我們看下jQuery的源代碼:
代碼如下:
// jQuery的構造函數;
var jQuery = function( a, c ) {
// $(document).ready()的簡寫形式,只有在$(function(){...})下才會執行;
if ( a && typeof a == "function" && jQuery.fn.ready ) return jQuery(document).ready(a);
// 確保參數a非空,默認值為document;
a = a || jQuery.context || document;
耶!找到了,我們再看下$這個方法的參數
$(selector,context)
第一個為選擇器,第二個是容器
如果不填就默認為document
3.好吧!我承認這個方式是來打醬油的 代碼如下:jQuery(document).ready(function(){
});
4. 代碼如下:jQuery(function($){
alert($("#ready1").html());
});
第四種方式和第三種沒有區別啊?各位客官仔細看!我們給functIOn傳了一個參數$
第四種方式一般用在處理jQuery的$和別的庫沖突的時候用的,通過jQuery.noConflict()這個方法,我們就可以直接在代碼中通過jQuery來代替$來使用,但又習慣了使用$怎麼辦?看下面的代碼:
代碼如下:jQuery.noConflict();
jQuery(function($){
alert($("#ready1").html()); //我們又能用上$符號了
});
上面是目前本人知道的幾種jQuery的ready ()的寫法.如果還有其他的寫法,望告知