jquery ready()的幾種實現(xiàn)方法小結(jié)
更新時間:2010年06月18日 23:09:07 作者:
下面是目前本人知道的幾種jQuery的ready ()的寫法.如果還有其他的寫法,望告知
1.最常用也是最標(biāo)準的
2.是上面的簡寫:
很奇怪?為什么能這樣?不是判斷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非空,默認值為document;
a = a || jQuery.context || document;
耶!找到了,我們再看下$這個方法的參數(shù)
$(selector,context)
第一個為選擇器,第二個是容器
如果不填就默認為document
3.好吧!我承認這個方式是來打醬油的
4.
第四種方式和第三種沒有區(qū)別啊?各位客官仔細看!我們給functIOn傳了一個參數(shù)$
第四種方式一般用在處理jQuery的$和別的庫沖突的時候用的,通過jQuery.noConflict()這個方法,我們就可以直接在代碼中通過jQuery來代替$來使用,但又習(xí)慣了使用$怎么辦?看下面的代碼:
上面是目前本人知道的幾種jQuery的ready ()的寫法.如果還有其他的寫法,望告知
復(fù)制代碼 代碼如下:
$(document).ready(){
});
});
2.是上面的簡寫:
復(fù)制代碼 代碼如下:
$(function(){
})
})
很奇怪?為什么能這樣?不是判斷document對象是否 reADy然后才執(zhí)行函數(shù)的么?document哪去了?我們看下jQuery的源代碼:
復(fù)制代碼 代碼如下:
// 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非空,默認值為document;
a = a || jQuery.context || document;
耶!找到了,我們再看下$這個方法的參數(shù)
$(selector,context)
第一個為選擇器,第二個是容器
如果不填就默認為document
3.好吧!我承認這個方式是來打醬油的
復(fù)制代碼 代碼如下:
jQuery(document).ready(function(){
});
});
4.
復(fù)制代碼 代碼如下:
jQuery(function($){
alert($("#ready1").html());
});
alert($("#ready1").html());
});
第四種方式和第三種沒有區(qū)別啊?各位客官仔細看!我們給functIOn傳了一個參數(shù)$
第四種方式一般用在處理jQuery的$和別的庫沖突的時候用的,通過jQuery.noConflict()這個方法,我們就可以直接在代碼中通過jQuery來代替$來使用,但又習(xí)慣了使用$怎么辦?看下面的代碼:
復(fù)制代碼 代碼如下:
jQuery.noConflict();
jQuery(function($){
alert($("#ready1").html()); //我們又能用上$符號了
});
jQuery(function($){
alert($("#ready1").html()); //我們又能用上$符號了
});
上面是目前本人知道的幾種jQuery的ready ()的寫法.如果還有其他的寫法,望告知
您可能感興趣的文章:
- jquery $(document).ready() 與window.onload的區(qū)別
- jQuery之$(document).ready()使用介紹
- JQuery onload、ready概念介紹及使用方法
- jquery中的$(document).ready()使用小結(jié)
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- jquery的$(document).ready()和onload的加載順序
- jquery中的$(document).ready()與window.onload的區(qū)別
- 用javascript實現(xiàn)jquery的document.ready功能的實現(xiàn)代碼
- JQuery 引發(fā)兩次$(document.ready)事件
- jQuery 的 ready()的純js替代方法
相關(guān)文章
深入理解Jquery表單驗證(使用formValidator)
表單驗證在web中中的應(yīng)用很廣,本篇文章主要介紹了Jquery表單驗證(使用formValidator),非常具有實用價值,需要的朋友可以參考下。2017-01-01
Jquery 過濾器(first,last,not,even,odd)的使用
Jquery 過濾器,顧名思義就是過濾一些不需要的元素,主要有first,last,not,even,odd等等,下面有個使用示例,大家可以感受下2014-01-01
實例講解Jquery中隱藏hide、顯示show、切換toggle的用法
這篇文章主要介紹了實例講解Jquery中隱藏hide、顯示show、切換toggle的用法,感興趣的小伙伴們可以參考一下2016-05-05
jQuery Datatable 多個查詢條件自定義提交事件(推薦)
這篇文章主要介紹了jQuery Datatable 多個查詢條件自定義提交事件的相關(guān)資料,需要的朋友可以參考下2017-08-08
jQuery ui autocomplete選擇列表被Bootstrap模態(tài)窗遮擋的完美解決方法
這篇文章主要介紹了jQuery ui autocomplete選擇列表被Bootstrap模態(tài)窗遮擋的完美解決方法,本文介紹的非常詳細,解決過程思路明了,需要的朋友可以參考下2016-09-09

