jQuery中(function(){})()执行顺序导致的不正常显示存在的几个问题

正常的执行带码：

    
    function的执行顺序问题解决方案
    
    
        body {
            margin: 0;
            padding: 0;
        }

        #demo1, #demo2, #demo3, #demo4 {
            float: left;
            width: 100%;
            height: 30px;
            background-color: #00A5BB;
            margin: 1px auto;
            color: #fff;
        }
    








    $(function () {

        getDemo1();
        getDemo2();
        getDemo3();
        getDemo4();

        function getDemo1() {
            $('#demo1').html('demo1');
        }

        function getDemo2() {
            $('#demo2').html('demo2');
        }

        function getDemo3() {
            $('#demo3').html('demo3');
        }

        function getDemo4() {
            $('#demo4').html('demo4');
        }


    })

一、当其中的一个函数被注释掉或则删除的时候，调用对应的getDemo2();也必须注释掉或则删除，否则将影响后面的getDemo3()和getDemo4()的正常执行

/*        function getDemo2() {
            $('#demo2').html('demo2');
        }*/

二、HTML中对应的div可以任意删除或注释，不受影响；

三、调用的函数，也可以任意删除或注释，不受影响；

        getDemo1();
        getDemo2();
        getDemo3();
        getDemo4();