多個(gè)$(document).ready()的執(zhí)行順序?qū)嵗治?/h1>
更新時(shí)間:2014年07月26日 09:29:21 投稿:shichen2014
這篇文章主要介紹了多個(gè)$(document).ready()的執(zhí)行順序?qū)嵗治?對(duì)于加深理解$(document).ready()的加載與執(zhí)行順序有很大幫助,需要的朋友可以參考下
本文以實(shí)例形式說(shuō)明了多個(gè)$(document).ready()的執(zhí)行順序問(wèn)題,由實(shí)例可以看出多個(gè)$(document).ready()的執(zhí)行順序并非單純的順序執(zhí)行,其與嵌套層級(jí)也有一定的關(guān)系。具體實(shí)例代碼如下:
<html>
<head>
<script src="./jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
alert('1');
$(function(){
alert('2');
$(function(){
alert('3');
});
});
});
</script>
<body>
TTTTTTTTTTTT
<script type="text/javascript">
$(document).ready(function() {
alert('4');
$(function(){
alert('5');
});
});
</script>
KKKKKKKKKKKK
<script type="text/javascript">
$(function(){
alert('6');
$(document).ready(function() {
alert('7');
});
});
</script>
</body>
</html>
運(yùn)行alert顯示順序?yàn)椋?,4,6,2,5,7,3
讀者可以自己測(cè)試體驗(yàn)一下,以加深對(duì)多個(gè)$(document).ready()執(zhí)行順序的理解。
相關(guān)文章
-
jQuery實(shí)現(xiàn)frame之間互通的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)frame之間互通的方法,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)frame父子框架之間的調(diào)用操作實(shí)現(xiàn)方法,需要的朋友可以參考下 2017-06-06
-
jQuery Ajax前后端使用JSON進(jìn)行交互示例
本篇文章主要介紹了jQuery Ajax前后端使用JSON進(jìn)行交互示例,實(shí)現(xiàn)前端通過(guò)jQuery Ajax傳輸json到后端,后端接收json,對(duì)json進(jìn)行處理,后端返回一個(gè)json給前端,有興趣的可以了解一下。
2017-03-03
-
jQuery插件imgAreaSelect基礎(chǔ)講解
關(guān)于ImgAreaSelect, 是一jQuery插件,它支持用戶(hù)通過(guò)鼠標(biāo)拖曳選擇圖片的一部分,如圖片拖曳、圖片編輯等。下面通過(guò)本文給大家介紹jQuery插件imgAreaSelect基礎(chǔ)講解,需要的的朋友參考下吧 2017-05-05
-
Jquery寫(xiě)一個(gè)鼠標(biāo)拖動(dòng)效果實(shí)現(xiàn)原理與代碼
近日項(xiàng)目中要做一個(gè)鼠標(biāo)拖拽層的效果,于是手動(dòng)使用Jquery做了一個(gè),發(fā)出來(lái)跟大伙兒分享一下,并希望能得到高手的指點(diǎn),如何有高手改進(jìn)的話(huà),在下不勝感激 2012-12-12
-
jquery 簡(jiǎn)單導(dǎo)航實(shí)現(xiàn)代碼
jquery簡(jiǎn)單導(dǎo)航實(shí)現(xiàn)代碼,需要的朋友可以參考下。 2009-09-09
-
jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法
今天小編就為大家分享一篇jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧 2018-08-08
-
jQuery插件FusionCharts實(shí)現(xiàn)的MSBar3D圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的MSBar3D圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用FusionCharts載入xml數(shù)據(jù)繪制MSBar3D圖的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下 2017-03-03
-
jquery+php實(shí)現(xiàn)滾動(dòng)的數(shù)字特效
本文將結(jié)合實(shí)例使用jquery背景動(dòng)畫(huà)插件,將數(shù)字作為背景圖片,定時(shí)讓背景圖片滾動(dòng)起來(lái),從而實(shí)現(xiàn)了滾動(dòng)數(shù)字的效果,感興趣的小伙伴們可以參考一下 2015-11-11
-
jQuery 實(shí)現(xiàn)評(píng)論等級(jí)好評(píng)差評(píng)特效
本文主要介紹如何實(shí)現(xiàn)類(lèi)似淘寶好評(píng)差評(píng)的效果,需要的小伙伴直接拿去用吧。 2016-05-05
最新評(píng)論
本文以實(shí)例形式說(shuō)明了多個(gè)$(document).ready()的執(zhí)行順序問(wèn)題,由實(shí)例可以看出多個(gè)$(document).ready()的執(zhí)行順序并非單純的順序執(zhí)行,其與嵌套層級(jí)也有一定的關(guān)系。具體實(shí)例代碼如下:
<html> <head> <script src="./jquery-1.9.0.min.js"></script> <script type="text/javascript"> $(function(){ alert('1'); $(function(){ alert('2'); $(function(){ alert('3'); }); }); }); </script> <body> TTTTTTTTTTTT <script type="text/javascript"> $(document).ready(function() { alert('4'); $(function(){ alert('5'); }); }); </script> KKKKKKKKKKKK <script type="text/javascript"> $(function(){ alert('6'); $(document).ready(function() { alert('7'); }); }); </script> </body> </html>
運(yùn)行alert顯示順序?yàn)椋?,4,6,2,5,7,3
讀者可以自己測(cè)試體驗(yàn)一下,以加深對(duì)多個(gè)$(document).ready()執(zhí)行順序的理解。
相關(guān)文章
jQuery實(shí)現(xiàn)frame之間互通的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)frame之間互通的方法,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)frame父子框架之間的調(diào)用操作實(shí)現(xiàn)方法,需要的朋友可以參考下2017-06-06jQuery Ajax前后端使用JSON進(jìn)行交互示例
本篇文章主要介紹了jQuery Ajax前后端使用JSON進(jìn)行交互示例,實(shí)現(xiàn)前端通過(guò)jQuery Ajax傳輸json到后端,后端接收json,對(duì)json進(jìn)行處理,后端返回一個(gè)json給前端,有興趣的可以了解一下。2017-03-03jQuery插件imgAreaSelect基礎(chǔ)講解
關(guān)于ImgAreaSelect, 是一jQuery插件,它支持用戶(hù)通過(guò)鼠標(biāo)拖曳選擇圖片的一部分,如圖片拖曳、圖片編輯等。下面通過(guò)本文給大家介紹jQuery插件imgAreaSelect基礎(chǔ)講解,需要的的朋友參考下吧2017-05-05Jquery寫(xiě)一個(gè)鼠標(biāo)拖動(dòng)效果實(shí)現(xiàn)原理與代碼
近日項(xiàng)目中要做一個(gè)鼠標(biāo)拖拽層的效果,于是手動(dòng)使用Jquery做了一個(gè),發(fā)出來(lái)跟大伙兒分享一下,并希望能得到高手的指點(diǎn),如何有高手改進(jìn)的話(huà),在下不勝感激2012-12-12jquery 簡(jiǎn)單導(dǎo)航實(shí)現(xiàn)代碼
jquery簡(jiǎn)單導(dǎo)航實(shí)現(xiàn)代碼,需要的朋友可以參考下。2009-09-09jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法
今天小編就為大家分享一篇jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08jQuery插件FusionCharts實(shí)現(xiàn)的MSBar3D圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的MSBar3D圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用FusionCharts載入xml數(shù)據(jù)繪制MSBar3D圖的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jquery+php實(shí)現(xiàn)滾動(dòng)的數(shù)字特效
本文將結(jié)合實(shí)例使用jquery背景動(dòng)畫(huà)插件,將數(shù)字作為背景圖片,定時(shí)讓背景圖片滾動(dòng)起來(lái),從而實(shí)現(xiàn)了滾動(dòng)數(shù)字的效果,感興趣的小伙伴們可以參考一下2015-11-11jQuery 實(shí)現(xiàn)評(píng)論等級(jí)好評(píng)差評(píng)特效
本文主要介紹如何實(shí)現(xiàn)類(lèi)似淘寶好評(píng)差評(píng)的效果,需要的小伙伴直接拿去用吧。2016-05-05