新手求教：如何让代码依次执行？

你没写错 $(document).ready(function () { 是在 body 加载完成后执行的
是你的方案错了

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

setTimeout(function(){
  $("body").show();
});改成这样试试
不一定非要body显示，body里边有很多元素，操作起来性能上不见得好。
可以逆向思维：
你可以在body上面遮罩一个半透明的全层，然后等这两个div显示之后，隐藏这个遮罩层，这样页面显示的过渡效果就表现出来了。
感谢你的建议，但主要问题是怎么在确认CSS更改完毕后，才把遮罩层隐藏或者把BODY显示
body都隐藏了，所谓的其他元素你在哪显示？
一个网页主要容器就是body，没有了它你还想显示什么？
感谢你的建议，但主要问题是怎么在确认CSS更改完毕后，才把遮罩层隐藏或者把BODY显示
有个东西叫回调。<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <style type="text/css">
        #div{ border:1px solid #ccc; width:200px;}
        #div2{background: #f00;}
    </style>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
</head>
<body>
<div id="div">111</div>
<div id="div2">其实我是警察！</div>
<script type="text/javascript">
    $('#div').click(function(){
        $(this).css({
            width : function(index, value){
                $('#div2').hide();
                return parseInt(value) * 2;
            }
        })
    });
</script>
</body>
</html>
感谢你的建议，但主要问题是怎么在确认CSS更改完毕后，才把遮罩层隐藏或者把BODY显示
有个东西叫回调。<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <style type="text/css">
        #div{ border:1px solid #ccc; width:200px;}
        #div2{background: #f00;}
    </style>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
</head>
<body>
<div id="div">111</div>
<div id="div2">其实我是警察！</div>
<script type="text/javascript">
    $('#div').click(function(){
        $(this).css({
            width : function(index, value){
                $('#div2').hide();
                return parseInt(value) * 2;
            }
        })
    });
</script>
</body>
</html>

弱弱问句，我现在是要更改完一系列CSS以后再进行回调，代码要怎么写？
不，我是想体验好一点，一开始的CSS都是乱的，然后用JQUERY根据屏幕尺寸动态设置好，再把页面显示出来，这样会好很多
先在css里面吧body的不透明度设置为0，等代码执行后再将body的不透明度设置为1，当然要是再加点过渡的效果就更好了
是的，但问题是怎样判断设置CSS的那些代码已经执行完毕了呢？
你应该先确定你的body的默认样式是否设置为隐藏