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

来源：互联网发布：淘宝手机描述模板编辑：程序博客网时间：2024/05/20 11:25

本文以实例形式说明了多个(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()执行顺序的理解。

阅读全文

0 0