jquery ready()的幾種實(shí)現(xiàn)方法小結(jié)
更新時(shí)間：2010年06月18日 23:09:07 作者：
下面是目前本人知道的幾種jQuery的ready ()的寫法.如果還有其他的寫法，望告知
1.最常用也是最標(biāo)準(zhǔn)的
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非空，默認(rèn)值為document；
a = a || jQuery.context || document;
耶！找到了,我們再看下$這個(gè)方法的參數(shù)
$(selector,context)
第一個(gè)為選擇器,第二個(gè)是容器
如果不填就默認(rèn)為document
3.好吧！我承認(rèn)這個(gè)方式是來打醬油的
4.
第四種方式和第三種沒有區(qū)別啊?各位客官仔細(xì)看！我們給functIOn傳了一個(gè)參數(shù)$
第四種方式一般用在處理jQuery的$和別的庫沖突的時(shí)候用的,通過jQuery.noConflict()這個(gè)方法,我們就可以直接在代碼中通過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非空，默認(rèn)值為document；
a = a || jQuery.context || document;
耶！找到了,我們再看下$這個(gè)方法的參數(shù)
$(selector,context)
第一個(gè)為選擇器,第二個(gè)是容器
如果不填就默認(rèn)為document
3.好吧！我承認(rèn)這個(gè)方式是來打醬油的
復(fù)制代碼 代碼如下:
jQuery(document).ready(function(){
});
});
4.
復(fù)制代碼 代碼如下:
jQuery(function($){
alert($("#ready1").html());
});
alert($("#ready1").html());
});
第四種方式和第三種沒有區(qū)別啊?各位客官仔細(xì)看！我們給functIOn傳了一個(gè)參數(shù)$
第四種方式一般用在處理jQuery的$和別的庫沖突的時(shí)候用的,通過jQuery.noConflict()這個(gè)方法,我們就可以直接在代碼中通過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實(shí)現(xiàn)jquery的document.ready功能的實(shí)現(xiàn)代碼
- JQuery 引發(fā)兩次$(document.ready)事件
- jQuery 的 ready()的純js替代方法
相關(guān)文章
jquery ajax 同步異步的執(zhí)行示例代碼，需要的朋友可以參考下。2010-06-06
jQuery 全選 全不選 事件綁定的實(shí)現(xiàn)代碼
本文給大家分享一段代碼基于jQuery 全選 全不選 事件綁定的實(shí)現(xiàn)方法，代碼簡單易懂，非常不錯，需要的朋友參考下2017-01-01
jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單
這篇文章主要介紹了jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jQuery簡單實(shí)現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法,涉及jQuery的ajax調(diào)用及頁面樣式操作技巧,需要的朋友可以參考下2016-03-03
下面小編就為大家?guī)硪黄狫Query控制DIV的選取實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
jquery1.5.1中根據(jù)元素ID獲取元素對象的代碼
盡管聽說jquery的大名幾年了，但是一直沒有使用過。這兩天想在項(xiàng)目中使用被一些小細(xì)節(jié)折騰的夠嗆，看來jquery沒有傳說中的那么好學(xué)。2011-04-04
基于jQuery的上下無縫滾動應(yīng)用(單行或多行)
基于jQuery的上下無縫滾動應(yīng)用,可應(yīng)用于多行或者單行.詳解請參考注釋.2010-08-08
我們在前端開發(fā)，經(jīng)常要用到彈出層的效果，以前很早前就想將這個(gè)功能整理成一個(gè)公共的接口來實(shí)現(xiàn)了；自寫的第一個(gè)jQuery插件，這里分享給大家，有需要的小伙伴參考下。2015-04-04
前面我們分享了使用jquery中EasyUI實(shí)現(xiàn)同步樹的代碼，本文我們就來看下使用EasyUI實(shí)現(xiàn)異步樹的方法和示例，希望小伙伴們能夠喜歡。2015-03-03
這篇文章主要介紹了使用veloticy-ui生成文字動畫效果及基本使用方法,需要的朋友可以參考下2018-02-02