DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery ready()的幾種實現方法小結
jquery ready()的幾種實現方法小結
編輯:JQuery特效代碼     
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 ()的寫法.如果還有其他的寫法,望告知
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved