jquery ready()的幾種實現(xiàn)方法小結(jié)

2024-09-06 12:45:46

字體：大中小

供稿：網(wǎng)友

1.最常用也是最標(biāo)準(zhǔn)的
代碼如下:$(document).ready(){
});

2.是上面的簡寫:
代碼如下: $(function(){
})

很奇怪？為什么能這樣？不是判斷document對象是否 reADy然后才執(zhí)行函數(shù)的么?document哪去了?我們看下jQuery的源代碼:
代碼如下:
// jQuery的構(gòu)造函數(shù)；
var jQuery = function( a, c ) {
// $(document).ready()的簡寫形式，只有在$(function(){...})下才會執(zhí)行；
if ( a && typeof a == "function" && jQuery.fn.ready ) return jQuery(document).ready(a);
// 確保參數(shù)a非空，默認(rèn)值為document；
a = a || jQuery.context || document;

耶！找到了,我們再看下$這個方法的參數(shù)
$(selector,context)
第一個為選擇器,第二個是容器
如果不填就默認(rèn)為document
3.好吧！我承認(rèn)這個方式是來打醬油的
代碼如下:jQuery(document).ready(function(){
});

4.
代碼如下:jQuery(function($){
alert($("#ready1").html());
});

第四種方式和第三種沒有區(qū)別啊?各位客官仔細(xì)看！我們給functIOn傳了一個參數(shù)$
第四種方式一般用在處理jQuery的$和別的庫沖突的時候用的,通過jQuery.noConflict()這個方法,我們就可以直接在代碼中通過jQuery來代替$來使用,但又習(xí)慣了使用$怎么辦?看下面的代碼:
代碼如下:jQuery.noConflict();
jQuery(function($){
alert($("#ready1").html()); //我們又能用上$符號了
});

上面是目前本人知道的幾種jQuery的ready ()的寫法.如果還有其他的寫法，望告知

上一篇：JSON 和 JavaScript eval使用說明

下一篇：ExtJS PropertyGrid中使用Combobox選擇值問題