多个$(document).ready()的执行顺序实例分析

2019-11-20 14:19:32

字体：大中小

来源：转载

供稿：网友

本文以实例形式说明了多个$(document).ready()的执行顺序问题，由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。具体实例代码如下：

<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>

运行alert显示顺序为：1，4，6，2，5，7，3
读者可以自己测试体验一下，以加深对多个$(document).ready()执行顺序的理解。

上一篇：在JS数组特定索引处指定位置插入元素

下一篇：jquery 取子节点及当前节点属性值