複数の$(document).ready()_jqueryの実行シーケンス例の解析-jsチュートリアル-php.cn

複数の$(document).ready()_jqueryの実行シーケンス例の解析

WBOY

リリース： 2016-05-16 16:41:02

オリジナル

1554 人が閲覧しました

この記事では、複数の $(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>

ログイン後にコピー

アラートを実行します。表示順序は 1、4、6、2、5、7、3
読者自身がテスト・体験することで、複数の$(document).ready()の実行シーケンスについて理解を深めることができます。