<form id="irmzn"></form>

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

2024-09-06 12:45:46

字體：大中小

供稿：網(wǎng)友

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

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

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

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

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

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

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

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

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