$(document).ready(function() {}和$(function(){}）的执行顺序的区别

原创于 2018-08-22 17:53:21 发布

· 5.1k 阅读

4 ·

版权

文章标签：

#html #jquery #执行顺序

jquery 专栏收录该内容

10 篇文章

订阅专栏

本文通过一个具体的示例详细解析了使用jQuery时不同$(document).ready()及$(function(){}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function() {}和$ (function(){}）的执行顺序的区别

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
</head>
<body>
<!-- $(document).ready(function()
     和 $(function()执行顺序-->
<script>
    $(document).ready(function() {
        console.log("1");
    });
    $(function(){
        console.log("2");
        $(function(){
            console.log("3");
            $(function(){
                console.log("4");
            });
        });
    });
    $(document).ready(function() {
        console.log("5");
        $(function(){
            console.log("6");
        });
    });
    $(function(){
        console.log("7");
        $(document).ready(function() {
            console.log("8");
        });
    });
</script>
</body>
</html>

执行顺序 ： 1 2 5 7 3 6 8 4
$(document).ready(function() {}和$(function(){}）是 一摸一样的，
谁在前面谁在先执行，还有多个闭包函数时
按成次 一级一级运行的。