多個$(document).ready()的執(zhí)行順序?qū)嵗治?/h1>
更新時間:2014年07月26日 09:29:21 投稿:shichen2014
這篇文章主要介紹了多個$(document).ready()的執(zhí)行順序?qū)嵗治?對于加深理解$(document).ready()的加載與執(zhí)行順序有很大幫助,需要的朋友可以參考下
本文以實(shí)例形式說明了多個$(document).ready()的執(zhí)行順序問題,由實(shí)例可以看出多個$(document).ready()的執(zhí)行順序并非單純的順序執(zhí)行,其與嵌套層級也有一定的關(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
讀者可以自己測試體驗(yàn)一下,以加深對多個$(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)前端通過jQuery Ajax傳輸json到后端,后端接收json,對json進(jìn)行處理,后端返回一個json給前端,有興趣的可以了解一下。
2017-03-03
-
jQuery插件imgAreaSelect基礎(chǔ)講解
關(guān)于ImgAreaSelect, 是一jQuery插件,它支持用戶通過鼠標(biāo)拖曳選擇圖片的一部分,如圖片拖曳、圖片編輯等。下面通過本文給大家介紹jQuery插件imgAreaSelect基礎(chǔ)講解,需要的的朋友參考下吧 2017-05-05
-
Jquery寫一個鼠標(biāo)拖動效果實(shí)現(xiàn)原理與代碼
近日項目中要做一個鼠標(biāo)拖拽層的效果,于是手動使用Jquery做了一個,發(fā)出來跟大伙兒分享一下,并希望能得到高手的指點(diǎn),如何有高手改進(jìn)的話,在下不勝感激 2012-12-12
-
jquery 簡單導(dǎo)航實(shí)現(xiàn)代碼
jquery簡單導(dǎo)航實(shí)現(xiàn)代碼,需要的朋友可以參考下。 2009-09-09
-
jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法
今天小編就為大家分享一篇jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧 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)滾動的數(shù)字特效
本文將結(jié)合實(shí)例使用jquery背景動畫插件,將數(shù)字作為背景圖片,定時讓背景圖片滾動起來,從而實(shí)現(xiàn)了滾動數(shù)字的效果,感興趣的小伙伴們可以參考一下 2015-11-11
-
jQuery 實(shí)現(xiàn)評論等級好評差評特效
本文主要介紹如何實(shí)現(xiàn)類似淘寶好評差評的效果,需要的小伙伴直接拿去用吧。 2016-05-05
最新評論
本文以實(shí)例形式說明了多個$(document).ready()的執(zhí)行順序問題,由實(shí)例可以看出多個$(document).ready()的執(zhí)行順序并非單純的順序執(zhí)行,其與嵌套層級也有一定的關(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
讀者可以自己測試體驗(yàn)一下,以加深對多個$(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)前端通過jQuery Ajax傳輸json到后端,后端接收json,對json進(jìn)行處理,后端返回一個json給前端,有興趣的可以了解一下。2017-03-03jQuery插件imgAreaSelect基礎(chǔ)講解
關(guān)于ImgAreaSelect, 是一jQuery插件,它支持用戶通過鼠標(biāo)拖曳選擇圖片的一部分,如圖片拖曳、圖片編輯等。下面通過本文給大家介紹jQuery插件imgAreaSelect基礎(chǔ)講解,需要的的朋友參考下吧2017-05-05Jquery寫一個鼠標(biāo)拖動效果實(shí)現(xiàn)原理與代碼
近日項目中要做一個鼠標(biāo)拖拽層的效果,于是手動使用Jquery做了一個,發(fā)出來跟大伙兒分享一下,并希望能得到高手的指點(diǎn),如何有高手改進(jìn)的話,在下不勝感激2012-12-12jquery 簡單導(dǎo)航實(shí)現(xiàn)代碼
jquery簡單導(dǎo)航實(shí)現(xiàn)代碼,需要的朋友可以參考下。2009-09-09jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法
今天小編就為大家分享一篇jQuery 實(shí)現(xiàn)批量提交表格多行數(shù)據(jù)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧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)滾動的數(shù)字特效
本文將結(jié)合實(shí)例使用jquery背景動畫插件,將數(shù)字作為背景圖片,定時讓背景圖片滾動起來,從而實(shí)現(xiàn)了滾動數(shù)字的效果,感興趣的小伙伴們可以參考一下2015-11-11jQuery 實(shí)現(xiàn)評論等級好評差評特效
本文主要介紹如何實(shí)現(xiàn)類似淘寶好評差評的效果,需要的小伙伴直接拿去用吧。2016-05-05