多個$(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的構(gòu)造函數(shù)很好的運(yùn)用的javascript的充分利用了JavsScript語言的動態(tài)性——對行參的類型和個數(shù)沒有的嚴(yán)格要求，以至于一個函數(shù)可以實(shí)現(xiàn)多種功能需求，也為JavaScript語言的多態(tài)性提供了基礎(chǔ)，在這個構(gòu)造函數(shù)中，提供了六種不同的調(diào)用格式（根據(jù)官方API文檔） 2015-05-05
-
jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹，需要的朋友可以參考下。 2011-11-11
-
當(dāng)一個文本框中，里面的內(nèi)容1秒鐘無變化，則表示用戶1秒鐘內(nèi)無輸入，說明用戶是已經(jīng)輸入完成，再等待返回數(shù)據(jù)了。那么jQuery如何實(shí)現(xiàn)判斷1秒內(nèi)無輸入呢，一起通過本文學(xué)習(xí)吧 2016-04-04
-
讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
用Jquery去操作HTML元素很方便，能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選，以下用到的一些，整理了一下，還有很多有趣的用法，后續(xù)會繼續(xù)添加。 2011-07-07
-
這篇文章主要介紹了jQuery判斷div隨滾動條滾動到一定位置后停止的方法,需要的朋友可以參考下 2014-04-04
-
jQuery學(xué)習(xí)筆記之jQuery動畫效果
本次學(xué)習(xí)分為兩個文件的測試，第一個是基本動畫，第二個是滑動和透明動畫效果，分別如下 2013-09-09
-
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)淡入淡出輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2020-12-12
-
jQuery基于ajax實(shí)現(xiàn)星星評論代碼
這篇文章主要介紹了jQuery基于ajax實(shí)現(xiàn)星星評論代碼,可實(shí)現(xiàn)實(shí)時顯示評論效果的功能,基于Ajax實(shí)現(xiàn),非常具有實(shí)用價值,需要的朋友可以參考下 2015-08-08
-
有時我們需要動態(tài)的展示訪問次數(shù)、下載次數(shù)等效果，我們可以借助jQuery結(jié)合后臺php實(shí)現(xiàn)一個滾動的數(shù)字展示效果。 2015-08-08
-
jquery選擇器排除某個DOM元素的方法（實(shí)例演示）
這篇文章主要介紹了jquery選擇器排除某個DOM元素的方法,也就是在選中的一些元素中,過濾一些不需要的,使用jquery not選擇器實(shí)現(xiàn),需要的朋友可以參考下 2014-04-04
最新評論
本文以實(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的構(gòu)造函數(shù)很好的運(yùn)用的javascript的充分利用了JavsScript語言的動態(tài)性——對行參的類型和個數(shù)沒有的嚴(yán)格要求，以至于一個函數(shù)可以實(shí)現(xiàn)多種功能需求，也為JavaScript語言的多態(tài)性提供了基礎(chǔ)，在這個構(gòu)造函數(shù)中，提供了六種不同的調(diào)用格式（根據(jù)官方API文檔）2015-05-05
-
jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹，需要的朋友可以參考下。2011-11-11 - 當(dāng)一個文本框中，里面的內(nèi)容1秒鐘無變化，則表示用戶1秒鐘內(nèi)無輸入，說明用戶是已經(jīng)輸入完成，再等待返回數(shù)據(jù)了。那么jQuery如何實(shí)現(xiàn)判斷1秒內(nèi)無輸入呢，一起通過本文學(xué)習(xí)吧2016-04-04
-
讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
用Jquery去操作HTML元素很方便，能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選，以下用到的一些，整理了一下，還有很多有趣的用法，后續(xù)會繼續(xù)添加。2011-07-07 - 這篇文章主要介紹了jQuery判斷div隨滾動條滾動到一定位置后停止的方法,需要的朋友可以參考下2014-04-04
-
jQuery學(xué)習(xí)筆記之jQuery動畫效果
本次學(xué)習(xí)分為兩個文件的測試，第一個是基本動畫，第二個是滑動和透明動畫效果，分別如下2013-09-09 - 這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)淡入淡出輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
-
jQuery基于ajax實(shí)現(xiàn)星星評論代碼
這篇文章主要介紹了jQuery基于ajax實(shí)現(xiàn)星星評論代碼,可實(shí)現(xiàn)實(shí)時顯示評論效果的功能,基于Ajax實(shí)現(xiàn),非常具有實(shí)用價值,需要的朋友可以參考下2015-08-08 - 有時我們需要動態(tài)的展示訪問次數(shù)、下載次數(shù)等效果，我們可以借助jQuery結(jié)合后臺php實(shí)現(xiàn)一個滾動的數(shù)字展示效果。2015-08-08
-
jquery選擇器排除某個DOM元素的方法（實(shí)例演示）
這篇文章主要介紹了jquery選擇器排除某個DOM元素的方法,也就是在選中的一些元素中,過濾一些不需要的,使用jquery not選擇器實(shí)現(xiàn),需要的朋友可以參考下2014-04-04