總結jquery ready()的幾種實作方法

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

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()的幾種實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！