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