ホームページ >ウェブフロントエンド >jsチュートリアル >複数の$(document).ready()_jqueryの実行シーケンス例の解析

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

WBOY
WBOYオリジナル
2016-05-16 16:41:021611ブラウズ

この記事では、複数の $(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()の実行シーケンスについて理解を深めることができます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。