多個(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 EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹,需要的朋友可以參考下。 2011-11-11
-
讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
用Jquery去操作HTML元素很方便,能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選,以下用到的一些,整理了一下,還有很多有趣的用法,后續(xù)會(huì)繼續(xù)添加。 2011-07-07
-
jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止
這篇文章主要介紹了jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止的方法,需要的朋友可以參考下 2014-04-04
-
jQuery學(xué)習(xí)筆記之jQuery動(dòng)畫效果
本次學(xué)習(xí)分為兩個(gè)文件的測(cè)試,第一個(gè)是基本動(dòng)畫,第二個(gè)是滑動(dòng)和透明動(dòng)畫效果,分別如下 2013-09-09
-
jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼
這篇文章主要介紹了jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼,可實(shí)現(xiàn)實(shí)時(shí)顯示評(píng)論效果的功能,基于Ajax實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下 2015-08-08
-
Jquery數(shù)字上下滾動(dòng)動(dòng)態(tài)切換插件
有時(shí)我們需要?jiǎng)討B(tài)的展示訪問(wèn)次數(shù)、下載次數(shù)等效果,我們可以借助jQuery結(jié)合后臺(tái)php實(shí)現(xiàn)一個(gè)滾動(dòng)的數(shù)字展示效果。 2015-08-08
-
jquery選擇器排除某個(gè)DOM元素的方法(實(shí)例演示)
這篇文章主要介紹了jquery選擇器排除某個(gè)DOM元素的方法,也就是在選中的一些元素中,過(guò)濾一些不需要的,使用jquery not選擇器實(shí)現(xiàn),需要的朋友可以參考下 2014-04-04
最新評(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 EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹,需要的朋友可以參考下。2011-11-11
讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
用Jquery去操作HTML元素很方便,能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選,以下用到的一些,整理了一下,還有很多有趣的用法,后續(xù)會(huì)繼續(xù)添加。2011-07-07
jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止
這篇文章主要介紹了jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止的方法,需要的朋友可以參考下2014-04-04
jQuery學(xué)習(xí)筆記之jQuery動(dòng)畫效果
本次學(xué)習(xí)分為兩個(gè)文件的測(cè)試,第一個(gè)是基本動(dòng)畫,第二個(gè)是滑動(dòng)和透明動(dòng)畫效果,分別如下2013-09-09
jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼
這篇文章主要介紹了jQuery基于ajax實(shí)現(xiàn)星星評(píng)論代碼,可實(shí)現(xiàn)實(shí)時(shí)顯示評(píng)論效果的功能,基于Ajax實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
Jquery數(shù)字上下滾動(dòng)動(dòng)態(tài)切換插件
有時(shí)我們需要?jiǎng)討B(tài)的展示訪問(wèn)次數(shù)、下載次數(shù)等效果,我們可以借助jQuery結(jié)合后臺(tái)php實(shí)現(xiàn)一個(gè)滾動(dòng)的數(shù)字展示效果。2015-08-08
jquery選擇器排除某個(gè)DOM元素的方法(實(shí)例演示)
這篇文章主要介紹了jquery選擇器排除某個(gè)DOM元素的方法,也就是在選中的一些元素中,過(guò)濾一些不需要的,使用jquery not選擇器實(shí)現(xiàn),需要的朋友可以參考下2014-04-04

